Скачать с ютуб CSS Grid Layout подробный урок, справочник по Grid CSS в подарок в хорошем качестве

CSS Grid Layout подробный урок, справочник по Grid CSS в подарок

В уроке по CSS Grid Layout я расскажу вам про все свойства CSS Grid, мы рассмотрим основы Grid CSS и посмотрим как делается адаптивная верстка страницы. Это введение в CSS Grid, которое позволит понять что такое Grid сетка и начать верстать без помощи таких фреймворков как Bootstrap, а на чистом CSS. Так же я подготовил для вас подробный справочник по CSS Grid Layout. Обязательно добавляйте ссылку в закладки и пользуйтесь. Справочник по CSS Grid Layout: https://morphismail.github.io/css-gri... Свойства настройки сетки: grid-template-columns, grid-template-rows, grid-column-start, grid-column-end, grid-column, grid-row, grid-column-gap, grid-row-gap, grid-gap, grid-auto-columns, grid-auto-rows, grid-auto-flow, grid-template-areas, grid-area Свойства выравнивания: justify-items, align-items, place-items, justify-content, align-content, place-content, align-self, justify-self, place-self 00:00 Введение 01:39 Теория по CSS Grid 05:00 Сравнение с Flexbox 05:34 Поддержка браузерами CSS Grid 06:20 Создание Grid сетки (display: grid) 13:00 Настройка строк и столбцов (grid-template-columns, grid-template-rows, grid-column-start, grid-column-end, grid-column, grid-row) 17:13 Отступы между элементами (grid-column-gap, grid-row-gap, grid-gap) 18:54 Значения по умолчанию для колонок и рядов (grid-auto-columns, grid-auto-rows) 22:09 Изменить направление grid элементов (grid-auto-flow) 23:17 Шаблон сетки (grid-template-areas, grid-area) 26:25 Приёмы адаптивной Grid сетки 29:01 Сокращенное свойство grid-template 31:17 Свои названия линий в CSS Grid 33:26 Выравнивание элементов внутри ячеек (justify-items, align-items, place-items) 36:27 Выравнивание сетки внутри контейнера (justify-content, align-content, place-content) 39:23 Выравнивание содержимого элементов (align-self, justify-self, place-self) 40:57 Выводы и О моём справочнике css grid manual ✔Советую посмотреть: Уроки по HTML:    • Язык HTML для новичков   Уроки по CSS:    • Язык CSS для новичков   CSS Flexbox:    • Flexbox CSS самый понятный и подробны...   ◄ Предыдущее видео:    • Зачем нужен JSON Тип данных, работа с...   ⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor 💡 Telegram канал - https://t.me/itdoctor_official/4 🎥 Курсы на Stepik - https://stepik.org/users/387773773/teach ВКонтакте - https://vk.com/itdoctorstudio Яндекс Дзен - https://zen.yandex.ru/itdoctor Rutube - https://rutube.ru/channel/23500045/ #css #css3 #grid #cssgrid #gridcss #itdoctor