Загрузка страницы

Вот почему CSS Grid лучше для простой сетки

Привет! Я часто замечаю, как верстальщики боятся учить и применять CSS Grid, т.к. он кажется чем-то сверх сложным и непонятным. Однако, для простых раскладок элементов гриды гораздо круче, проще и удобнее даже тех же флексов. Ну а почему - рассказываю в видео!

Содержание:
00:00 - Интро (важная информация)
03:09 - Делаем сетку через Flexbox
08:07 - Делаем сетку через CSS Grid
10:52 - Выводы
16:52 - Аутро

Меня зовут Максим Васянович. Фрилансер уже 6 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

Понравилось? https://clck.ru/Gr9Ec
Поддержать канал: https://boosty.to/maxgraph
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Карта канала: https://blog.maxgraph.ru/ytmap/
Яндекс.Дзен: https://zen.yandex.ru/id/5cb99cd674b7da00b366805f
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://t.me/maxgraph
Чат для верстальщиков: https://t.me/maxgraph_chat
#обучение #flexbox #grid

Видео Вот почему CSS Grid лучше для простой сетки канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
15 марта 2022 г. 19:55:24
00:17:59
Другие видео канала
Flexbox or grid - How to decide?Flexbox or grid - How to decide?CSS Grid Layout. Свойства определения сетки grid-template и другиеCSS Grid Layout. Свойства определения сетки grid-template и другие37 ошибок верстальщиков. Не делай так!37 ошибок верстальщиков. Не делай так!The Magic of CSS Grid AUTO-FIT vs AUTO-FILLThe Magic of CSS Grid AUTO-FIT vs AUTO-FILLCSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSSCSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSSОптимизация скорости загрузки сайта. Советы, рекомендации. PagespeedОптимизация скорости загрузки сайта. Советы, рекомендации. PagespeedCSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другиеCSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другиеCSS Grid, flexbox, float   в чем разница и как использовать  Практический примерCSS Grid, flexbox, float в чем разница и как использовать Практический примерВерстка продуктового лендинга с нуля. Gulp, CSS Grid, БЭМ. Верстка каталогаВерстка продуктового лендинга с нуля. Gulp, CSS Grid, БЭМ. Верстка каталогаАдаптивная верстка сайта с нуля для новичков №8. Полезные советы по верстке сайтаАдаптивная верстка сайта с нуля для новичков №8. Полезные советы по верстке сайтаWeb-заметки №13. Контентные и декоративные изображенияWeb-заметки №13. Контентные и декоративные изображенияУроки Css Grid Layout - Основные свойства. Grid-template-columnsУроки Css Grid Layout - Основные свойства. Grid-template-columnsАдаптивная верстка на CSS Grid для интернет магазина. Использование grid areasАдаптивная верстка на CSS Grid для интернет магазина. Использование grid areasВерстка HTML + CSS За 2 Часа. Из PSD. С Нуля. Полная Запись.Верстка HTML + CSS За 2 Часа. Из PSD. С Нуля. Полная Запись.Адаптивная верстка сайта с нуля для новичков. Полезные советы по верстке сайтаАдаптивная верстка сайта с нуля для новичков. Полезные советы по верстке сайтаFlexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и GridFlexbox и Grid ⚡️ РЕАЛЬНЫЕ ПРИМЕРЫ, где МОЖНО и НЕЛЬЗЯ использовать CSS Flexbox и GridВерстка адаптивной страницы с CSS Grid в Visual Studio CodeВерстка адаптивной страницы с CSS Grid в Visual Studio CodeПолный гайд по CSS Grid: адаптивная верстка за пару минутПолный гайд по CSS Grid: адаптивная верстка за пару минутВерстка на гридах #1 | Landing page на CSS GridВерстка на гридах #1 | Landing page на CSS Grid
Яндекс.Метрика