Грейд: Junior

Компонент навыка

Явные Grid-сетки

В составе навыка «Grid»

Ваш прогресс

Зачтено 0 из 4

Сохранение прогресса

Войдите, чтобы сохранять прогресс

Уровень компонента
Базовый
Ожидается на грейде
Junior

Критерий владения

Задавать явную сетку строк и колонок. Размещать элементы по именованным областям и номерам линий, указывать занимаемое число строк и колонок через span. Выравнивать все элементы сетки и отдельные элементы по двум осям с помощью justify-items, align-items, justify-self и align-self.

Оценка владения

  1. CSS Grid #1 / Освоение

    Вводный уровень по CSS-гридам. Собираем Lego-силуэты с помощью гридов.

    Не начато

    Завершить уровень
    Начать

  2. CSS Grid #2 / Освоение

    Именованные области. Собираем Lego-силуэты с помощью grid-template-areas и размещаем детали по именам областей.

    Не начато

    Завершить уровень
    Начать

  3. CSS Grid #3 / Освоение

    Координаты элементов. Простые координаты, интервалы и span на разнообразных Lego-сетках.

    Не начато

    Завершить уровень
    Начать

  4. CSS Grid #4 / Освоение

    justify-items, align-items, justify-self, align-self, значения start, end, center и stretch, выравнивание по двум осям.

    Не начато

    Завершить уровень
    Начать