PRO курс

CSS: Grid

7 сообщений в сообществе 34 учащихся

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

Последнее обновление: 03 июля 2020

Уроки курса

  • 1

    Введение

    Познакомиться с концепцией Grid. Узнать о ключевых моментах и отличиях от Flex
  • 2

    Терминология

    Познакомиться с понятиями сеток и их составлящими в CSS Grid Layout
  • 3

    Первая сетка

    Узнать о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout. Создать первую 12 колоночную сетку. Познакомиться с единицами измерения fr
  • 4

    Расположение элементов в сетке

    Изучить свойства, позволяющие произвольно располагать элементы внутри сетки. Научиться именовать линии/области и использовать их при расположении элементов.
  • 5

    Работа с сеткой

    Изучить отступы между полосами и выравнивание полос сетки.
  • &.

    Продолжение следует

Автор

Аватар пользователя Nikita Mikhaylov

Никита Михайлов

Ключевые навыки: HTML, CSS, JS Frontend.

Много лет работал в аутсорсинговой компании. Развивал клиентские проекты, делал фичи для разных CMS. В основном верстал, готов передать весь опыт вам. Поработав с сотнями проектов, научился выкручиваться даже из самых безнадёжных ситуаций. Помогу освоить вёрстку, чтобы она перестала казаться чем-то страшным.

Курс CSS: Grid
продолжительность
3 часа
награда
5 баллов