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

Задача #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

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

Добавим немного стилей. У header цвет заднего фона должен быть #E4ECEE. У .container максимальная ширина должна быть 1320px - позже доработаем для разных дисплеев. .container должен быть отцентрирован по горизонтали - используй для этого margin....

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

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

Подключим шрифта Jost из папки fonts. Для всех элементом должен применяться шрифты Jost и sans-serif. Сразу для всех элементов изменим box-sizing на border-box и уберем внешние поля. Эта задача — часть курса по Full-Stack JavaScript....

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

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

Стилизуем навигацию. nav и .main-menu должны стать flex контейнерами. Внутри nav дочерний элементы должны быть выравнены вертикально по центру. Левый отступ .main-menu должен быть нулевым; у элементов списка не должно быть маркеров....

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

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

Добавим элемент div.header-btn сразу после div.menu-block. Этот элемент должен быть flex контейнером. Внутри div.header-btn добавим одну ссылку с классом download-btn; ссылка должна вести к блоку #download. Текст ссылки - Download for free....

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

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

Перейдем к основному блоку - добавим тег main сразу после header. Основной блок будет состоять из нескольких секций. Первая - section.banner-section. Внутри каждой секции будем добавлять div.container. Контейнер будет состоять из строк и колонок внутри....

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

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

И снова стили! Цвет заднего фона секции .banner-section должен быть #E4ECEE, отступы - 25px 24px 0 24px. Все элементы .row, которых дальше будет больше, должны быть grid контейнерами. Изначально все строки должны быть с двумя одинаковыми колонками....

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

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

Добавим вторую секцию внутри main. У второй секции должен быть класс description-section. Вся остальная структура (.container, .row, .column) как и у первой секции. div.content теперь будет в первой колонке. Текст заголовка h1 внутри ....

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

Задача #2451 - Подключаем скрипты

В index.html уже добавлен один скрипт который выводит сообщение This is the second message. Тебе надо добавить еще один скрипт в котором в консоль должно выводится сообщение: This is the first message....

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