Судя по названию файла, это какой-то курс вы проходите.
Я не знаю, что за курс, но если вы уже присылали наставникам ваши дом. задания, где есть кириллица, и вам сразу не сказали, что использование кириллицы в CSS/JS (и далеко не только) в мире не принято и делать так нельзя, — эти курсы стоит забросить.
Интересно, почему все любят слать код скриншотами? Разве самим не понятно, что так ничего не понятно? :))
Почему классы на кириллице? ( О_о)
Никто никогда так не делает.
Где HTML-структура хотя бы? Как понять, кто чей родитель? Что за «второй блок», как можно понять? Если это .шапка2, то поставьте родителю этой «шапке» position: relative (или иной любой отличный от static).
P. S. Бога ради, не делайте кириллические селекторы.
Дмитрий Карпов, со шрифтами будет геморрой тогда. Потому что процентное их значение будет наследовать значение от родителя. А они там будут в px, em да rem — т. е. не привязаны к размеру экрана. И проценты тут будут как em'ы работать.
Обычно в приоритете бэкенд. Но недавно была примерно аналогичная ситуация: принимать данные так, как отдает сервер, модулю React было настолько неудобно, что он рендерил (сетку с карточками и данными) с существенной задержкой. В итоге решили сделать больше запросов с бэкенда, так как лишние запросы погоды не делали, но задержки обработки на машине клиента не стало в силу упрощения массива с данными.
Этот пример проблемы я привёл с целью сказать, что, наверное, стоит отталкивать от того пути решения, что позволит обеспечить лучшее быстродействие с учётом всех потребностей.
Главное, что это не центрирование. Центрирование — выравнивание контента по середине, когда ось выравнивания идёт от середины. Тут это нужно только в блоке с однострочной формой.
Олег Кокошинский, это не отцентрировано. Чтобы сделать эти контейнеры, центрирования не нужно. Зачем в первом, к примеру, центрировать контент? У вас там две колонки по 50%.
Олег Кокошинский, зависит от задач внутри контейнера и вас. Не знаю, зачем нужен центрирующий блок, если контент отцентрован чуть ли не только в одном блоке (форма). Да и то там выравниваем текст можно сделать.
P. S. Не отказывайте предложению Максим Ленский, он поможет сориентироваться.
Олег Кокошинский, травм я с детства не боюсь — «Геделиксом» я лечусь.
Поверьте, никто не будет уточнять то, что должно быть в вопросе изначально, посмотрят вопрос в перерыве между работой, поймут, что нет нужных данных и пройдут мимо.
Или же, как и все люди, воспользуйтесь песочницей https://jsfiddle.net (или иной), ибо это проще, быстрее и можно сразу отредактировать.