Хекслет
Глобальный
Экспресс-курс
Online
В любой момент
5 часов
Стоимость курса
от 3 900 RUB/мес.

CSS: Grid

Навыки, которые вы получите:
CSS Grid Flex CSS3 Адаптивность

Курс посвящён модулю CSS Grid Layout — технологичному инструменту для создания сеток в CSS. После прихода модуля Flex появилась потребность в контролировании элементов по двум осям одновременно. Разработчики хотели взять систему сеток, которая используется в печатной продукции сотню лет. Для этого использовали табличную вёрстку, вёрстку с помощью Float и Flex. Каждый из этих способов имел ограничения и сложности при разработке. CSS Grid Layout появился в 2011 году и за много лет приобрёл множество свойств и подходов, которые упрощают создание макетов с помощью CSS.

Программа

  1. Введение. 
  2. Терминология. 
  3. Первая сетка. 
  4. Расположение элементов в сетке. 
  5. Работа с сеткой. 
  6. Неявная сетка. 
  7. Позиционирование и Grid.

Чему вы научитесь

  • Базовым свойствам CSS Grid Layout.
  • Создавать сетки и управлять пространством внутри них.
  • Управлять расположением HTML-элементов внутри сетки.
  • Адаптировать сетки для разных разрешений экрана.