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

Задача #2211 - Позиция grid элемента

В документе уже есть grid-контейнер с одним единственным элементом. Но этот элемент растянуть на весь экран. Сделай так, что бы элемент располагался посередине grid контейнера, а не растягивался. Используй одно свойства и для вертикального расположения, и для горизонтального....

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

Задача #2212 - Сетка

Элемент с классом grid-container должен стать grid контейнером. Все элементы внутри него должны расположится в три колонки и четыре строчки. Укажи и колонки, и строчки автоматической ширины и высоты. Используй конструкцию repeat()....

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

Задача #2213 - Структура страницы

С помощью Grid можно легко создать структуру страницы. Этим и займемся. Начнем с того, что элемент .page-layout станет grid-контейнером. У нашей страницы должно быть две колонки: 50px и auto, одна из которых будет для навигации, вторая для контента страницы....

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

Задача #2214, Этап #1 - Начало и конец

Поработаем над размещением элементов. Блок .grid-container надо сделать grid контейнером. Grid должен состоять из трех колонок. Первая шириной 20vw, название линий - ‘start’ и ‘col-1-end’. Вторая с автоматической шириной, название линий - ‘col-2-start’ и ‘col-2-end’....

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

Задача #2214, Этап #2 - Начало и конец

Элемент .grid-item должен начинаться со второй линии (‘line2’) и должен проходить через две строчки. Также он должен начинаться с вертикальной линии ‘col-2-start’ и заканчиваться на линии ‘col-2-end’ Эта задача — часть курса по Full-Stack JavaScript....

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

Задача #2215 - Декабрь

Надо сделать календарь на декабрь. Сама разметка уже готова. Остались стили. Элемент с классом grid-container должен стать grid контейнером. У календаря должно быть 7 колонок, ширина каждой должно определятся автоматически....

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

Задача #2221 - Нью Йорк важен

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

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

Задача #2222 - Общий родственный комбинатор

Цвет текста во всех параграфах после #secondP должен быть #01BBE2. Не добавляй параграфам ни новый классов, ни идентификаторов, ни строчных стилей. Используй общий родственный комбинатор. Эта задача — часть курса по Full-Stack JavaScript...

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

Задача #2223 -

В index.html файле добавлен календарь на март. В каждой строке каждый 7й день должен быть отмечен красным фоном (red). Цвет текста в этой ячейке должен быть белого цвета. Для добавления новых стилей используй класс weekend....

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

Задача #2224 - Стили по атрибутам

В index.html добавлены ссылки на лекции. Некоторые ссылки открываются в новом окне. У всех этих ссылок должен быть задний фон #41CCC7. Не используй идентификаторы, классы и строчные стили - только селекторы по атрибутам....

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