Задача #2251, Этап #15 - Лендинг Mining Empire
Размер шрифта параграфа внутри .card должен быть 18px. Высота строки - 32px, текст должен быть сжат на 0.1px. Цвет текст #1F1F1F, нижнее поле - 24px. Каждый .card .user должен быть flex контейнером....
Размер шрифта параграфа внутри .card должен быть 18px. Высота строки - 32px, текст должен быть сжат на 0.1px. Цвет текст #1F1F1F, нижнее поле - 24px. Каждый .card .user должен быть flex контейнером....
Добавь еще одну секцию .join-section. Структура такая же, как и в предыдущей секции. Отличие только во втором .row - у него должен быть второй класс one-column. В первом .row должен быть один заголовок h2: Join over 10,000+ happy users....
Нужны кнопки, по которым можно скачать приложения. Добавим две ссылки внутри div.app-buttons. Каждая ссылка должна открываться в новой вкладке. Первая ссылка должна вести в AppStore: https://apps.apple.com/us/app/coderslang-learn-programming/id1489105103. Вторая ссылка должна открыть PlayMarket: https://play....
Верхний отступ секции .join-section должен быть 30px, нижний - 50px. .apps-buttons должен быть flex контейнером, который должен центрировать элементы. Высота каждого .platform.large элемента должна быть 70px. Горизонтальные поля .platform.large должны быть 0px 24px....
Также добавим эти же кнопки в первую секцию. Скопируй div.apps-buttons со всеми дочерними элементами и добавь в section.banner-section .content. Замени только класс large на small для элементов platform И сразу добавь стиль для ....
Начнем с добавления навигации. Для начала добавим семантический тег 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 не должно быть левого поля; у третей ....