body изменяется при уменьшении ширины страницы (скрин 1).
Но дочерние теги, например, header, почему-то не уменьшаются и остаются на фиксированной ширине в 1024px (скрин 2) , хотя я указал в @media, что это максимальная ширина.
Как пофиксить поведение дочерних элементов, чтобы они не были фиксированные?
тебе вообще не нужно хедеру ширину указывать, она по умолчанию 100%
имеешь ввиду, что у меня написано width: inherit?
Убирал, это было лишнее, когда эксперементировал
поставь в grid-template-columns: 100%
Обсуждают сегодня