🚀 Обучение программированию в виде онлайн игры: курс Full-Stack JavaScript 💪

Задача #2251, Этап #15 - Лендинг Mining Empire

Размер шрифта параграфа внутри .card должен быть 18px. Высота строки - 32px, текст должен быть сжат на 0.1px. Цвет текст #1F1F1F, нижнее поле - 24px. Каждый .card .user должен быть flex контейнером....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #16 - Лендинг Mining Empire

Добавь еще одну секцию .join-section. Структура такая же, как и в предыдущей секции. Отличие только во втором .row - у него должен быть второй класс one-column. В первом .row должен быть один заголовок h2: Join over 10,000+ happy users....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #17 - Лендинг Mining Empire

Нужны кнопки, по которым можно скачать приложения. Добавим две ссылки внутри div.app-buttons. Каждая ссылка должна открываться в новой вкладке. Первая ссылка должна вести в AppStore: https://apps.apple.com/us/app/coderslang-learn-programming/id1489105103. Вторая ссылка должна открыть PlayMarket: https://play....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #18 - Лендинг Mining Empire

Верхний отступ секции .join-section должен быть 30px, нижний - 50px. .apps-buttons должен быть flex контейнером, который должен центрировать элементы. Высота каждого .platform.large элемента должна быть 70px. Горизонтальные поля .platform.large должны быть 0px 24px....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #19 - Лендинг Mining Empire

Также добавим эти же кнопки в первую секцию. Скопируй div.apps-buttons со всеми дочерними элементами и добавь в section.banner-section .content. Замени только класс large на small для элементов platform И сразу добавь стиль для ....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #2 - Лендинг Mining Empire

Начнем с добавления навигации. Для начала добавим семантический тег header. Первым дочерним элементом для header будет элемент div.container. Внутри .container (его будет использовать во всех блоках) добавь семантический тег навигации....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #20 - Лендинг Mining Empire

Добавим теперь footer, сразу после main. Структура как и ранее: .container, .row. .row должен быть с классом .one-column. Внутри .row.one-column добавь элемент div.copyright, внутри которого добавь параграф. Текст параграфа: © Coderslang 2021 All right reserved....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #21 - Лендинг Mining Empire

Время добавить адаптив. Всего будет пять правил для всех типов экранов со следующими max-width: 1400px, 1200px, 992px, 768px, 575px. И сразу изменим max-width .container для каждого правила: 1140px, 960px, 720px, 540px, 90vw, соответственно....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #22 - Лендинг Mining Empire

Начнем с адаптивом для самых маленьких экранов (575px). ссылки внутри .apps-buttons должны располагаться в колонку; у ссылок внутри .apps-buttons не должно быть левого поля; ссылки внутри .apps-buttons для .join-section должны быть выравнены по-центру (используй margin); у ....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2251, Этап #23 - Лендинг Mining Empire

Для экранов до 992px: .banner-section нижний отступ должен быть 40px; .banner-section .row и .description-section .row должны состоять из одной колонки; у .column-offset не должно быть левого поля; у третей ....

August 15, 2020 · 1 мин · Coderslang Master