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

Задача #2225 - Родственный комбинатор

В index.html файле каждому элементу <span> добавлено свойство margin-left. Но в таком случае стиль будет добавлен и первому элементу. Надо это исправить. Перенеси свойство margin-left в другой селектор. Не используй идентификаторы, классы и строчные стили - только родственные комбинаторы....

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

Задача #2231 - Семантический рефакторинг #1

Надо немного отрефакторить код, что бы он был семантически верным. Добавь нужные тега, что бы навигация стала семантически верной. Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом...

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

Задача #2232 - Семантический рефакторинг #2

Надо немного отрефакторить код, что бы он был семантически верным. Существующие теги нужно сгруппировать по логическим блокам, что бы это было семантически верно. Эта задача — часть курса по Full-Stack JavaScript...

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

Задача #2233 - Семантический рефакторинг #3

Надо немного отрефакторить код, что бы он был семантически верным. Существующие теги нужно сгруппировать по логическим блокам, что бы это было семантически верно. Также надо заменить некоторые теги на более подходящие....

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

Задача #2234 - Семантический рефакторинг #4

Надо немного отрефакторить код, что бы он был семантически верным. Замени нужные теги на семантические. Для заголовком используй теги h1, h2 и h3 в порядке уменьшения размеров блока. У элементом при замене тегов должен сохранится класс....

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

Задача #2241 - Минимальная ширина

Параграфы неплохо отображаются на мобильных дисплеях. Но для больших дисплеев стоит немного подправить. Давай для всех устройств с шириной дисплея больше, чем 480px, изменим стили параграфа: размер шрифта должен стать 14px, вертикальные отступы 20px, горизонтальные - 60px....

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

Задача #2242 - Перестроение навигации

Твой коллега добавил макет навигации. Но на маленьких устройствах будет выглядит не очень. Давай немного подправим. Все изменения должны отображаться только на экранах с размером меньше 480px. Навигация должно размещаться в верхней части экрана на всю его ширину, высотой 50px....

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

Задача #2243 - Адаптивный grid

Страница подписок должно хорошо отображаться на всех устройствах. Для экранов с шириной до 1280px элемент .wrapper должен содержать две колонки шириной 300px. Для экранов с шириной до 740px элемент .wrapper должен содержать одну колонку шириной 300px....

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

Задача #2244 - Отзывчивый размер шрифта

Весь текст внутри h1, h3, li выглядит слишком большим на экранах, ширина которых меньше 640px. Давай это исправим. Надо размеры шрифтом для этих экранов уменьшить в 1.6 раза. Обязательное условие - размер шрифта нужно изменить с помощью другого элемента....

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

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

Мы будем разрабатывать лендинг для мобильной игры. Здесь тебе пригодятся все полученные знания! Приступим? На первом этапе мы добавим заголовок странице. Заголовок страницы должен быть Mining Empire. Также давай давай сразу добавим favicon: favicon....

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