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

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

У div.container из второй секции должен быть класс border-bottom. Этот класс должен добавлять нижнюю границу - 1px solid #dee2e6. У элемента description-section должен быть верхний отступ 75px. Максимальная высота и ....

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

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

Добавим еще одну секцию .description-section. Внутри первой колонки будет div.section-image с изображением screen2.png. Внутри второй колонки будет div.content. Текст заголовка h1 - Learn with us. Здесь также будет два параграфа....

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

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

Теперь добавим секцию комментариев - section.comments-section. Структура похожая, но тут будет уже два div.row. У первого должен быть дополнительный класс one-column, у второго - columns-view. Внутри первого div.row будет только заголовок h2 с текстом Users are loving Mining Empire....

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

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

Тексты для параграфов каждой карточки: First impressions on first day of launch: stable, and has all the UI parts working fine. as inner text`; I like it it is very fun to play!...

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

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

Теперь стилизуем блок комментариев. Цвет заднего фона .comments-section должен быть #E4ECEE, а верхний отступ 50px, нижний - 32px. У элемента .one-column должна быть одна колонка. У элемента .columns-view изначально должно быть три колонки, расстояние между колонками и строками 32px....

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

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