Project2

Верстка лендинга по макету

project2's People

Contributors

Использование контейнера. Вы правильно использовали контейнер в хедере. Откройте верстку на широком экране и посмотрите - хедер отцентрован, в то время, как первая и вторая секции уезжают. Это потому, что стили .completed-projects-container и .introduction-container перебивают margin: 0 auto; у контейнера. Плюс первая секция абсолютно спозиционирована. Это лишнее. Чтобы отобразить ее поверх оверлея - достаточно относительного позиционирования.
Мобильная верстка у вас ломается потому, что части элементов вы задаете фиксированную ширину, которая не сжимается на мобильном разрешении. Например

Project2/Project/style.css

Line 156 in 0f64135

width:676px;
Для того, чтобы нормально сверстать лендинг предлагаю следующий процесс:

Переименовываете текущий index.html в index_old.html и создаете новый, пустой index.html.
В него переносите ТОЛЬКО первую секцию и стили ТОЛЬКО для первой секции.
Делаете так, чтобы все правильно отображалось на широком экране и на мобильной верстке.
Присылаете на проверку.

Recommend Projects