Начнем с добавления навигации. Для начала добавим семантический тег header. Первым дочерним элементом для header будет элемент div.container. Внутри .container (его будет использовать во всех блоках) добавь семантический тег навигации....
Добавим теперь footer, сразу после main. Структура как и ранее: .container, .row. .row должен быть с классом .one-column. Внутри .row.one-column добавь элемент div.copyright, внутри которого добавь параграф. Текст параграфа: © Coderslang 2021 All right reserved....
Время добавить адаптив. Всего будет пять правил для всех типов экранов со следующими max-width: 1400px, 1200px, 992px, 768px, 575px. И сразу изменим max-width .container для каждого правила: 1140px, 960px, 720px, 540px, 90vw, соответственно....
Начнем с адаптивом для самых маленьких экранов (575px). ссылки внутри .apps-buttons должны располагаться в колонку; у ссылок внутри .apps-buttons не должно быть левого поля; ссылки внутри .apps-buttons для .join-section должны быть выравнены по-центру (используй margin); у ....
Для экранов до 992px: .banner-section нижний отступ должен быть 40px; .banner-section .row и .description-section .row должны состоять из одной колонки; у .column-offset не должно быть левого поля; у третей ....
Добавим немного стилей. У header цвет заднего фона должен быть #E4ECEE. У .container максимальная ширина должна быть 1320px - позже доработаем для разных дисплеев. .container должен быть отцентрирован по горизонтали - используй для этого margin....
Подключим шрифта Jost из папки fonts. Для всех элементом должен применяться шрифты Jost и sans-serif. Сразу для всех элементов изменим box-sizing на border-box и уберем внешние поля. Эта задача — часть курса по Full-Stack JavaScript....
Стилизуем навигацию. nav и .main-menu должны стать flex контейнерами. Внутри nav дочерний элементы должны быть выравнены вертикально по центру. Левый отступ .main-menu должен быть нулевым; у элементов списка не должно быть маркеров....
Добавим элемент div.header-btn сразу после div.menu-block. Этот элемент должен быть flex контейнером. Внутри div.header-btn добавим одну ссылку с классом download-btn; ссылка должна вести к блоку #download. Текст ссылки - Download for free....
Перейдем к основному блоку - добавим тег main сразу после header. Основной блок будет состоять из нескольких секций. Первая - section.banner-section. Внутри каждой секции будем добавлять div.container. Контейнер будет состоять из строк и колонок внутри....