А как тогда скролить юзер будет

хм, где-то не понимаю похоже
хедер и футер прилеплены к верху и низу всегда
контента в Main будет много, без overflow он же начнет себя растягивать

нет, он будет скролиться

точнее, оверфлоу не влияет на растягивание контента, он влияет на то, как показывается этот лишний контент

Так хэдер и футер стики ж, все правильно

знакомый рассказал что его уволили с работы. он там был типо джуном был. рассказывал что у них там таски разработчики сами себе выбирают, там опытные выбирали себе таски нормальные, а ему типо фиговые оставались. так часто бывает в компаниях что таски каждый себе сам выбирает? как обычно это происходит?

Почти всегда

должен быть тот кто раздает таски )

Неужели в компаниях все как в лото себе таски выбивают?)

бывает и свобода выбора и "назначенные" таски. Свобода обычно в канбане, когда спринт не ограничен временем, а лишь объемом. В классическом скраме таски выбирают в начале спринта. Но это лишь методология, можно по-всякому делать.
На счет "жадности" и забирания хороших тасок - бывает и такое. Но! Может это оценочно? Может ваш знакомый не потянул бы те задачи? Или времени в обрез и задачи делает сеньер, чтобы побыстрее

https://codesandbox.io/s/flexbox-sticky-footer-and-header-hu62f?file=/index.html
Футер стики до тех пор, пока в мейне мало контенту

Да и хедер не стикается

Привет, подскажите, как правильно прописать в css  медиа запросы для background картинок, чтобы они нормально отображались в ретина дисплеях? Гугл выдает много разных решений, не понимаю какой лучше использовать

https://otus.ru/nest/post/238/
вариант по сути один только - с помощью media query менять фон на "двойной", тройной и т.д.

Подскажите) У меня есть grid-обёртка, в ней колонки по максимальному контенту и justify-content: space-around.
Как сделать так, чтобы элементы заполняли полностью всё пространство без отступов друг от друга?

Я бы с радостью задал по 1fr, но тогда не будет учитываться max-content

А я делаю по макету, и с этими настройками идеально всё подходит под макет (весь текст ровно по макету).
Но проблема в том, что с таким кодом - у меня нет отступов по бокам у элементов =(

А max-width:100% не подойдет?

Сейчас попробую, кстати что-то сделать с max-width

Не, не подходит)