В этом видео я расскажу о таком CSS модуле для вёрстки как CSS Grid, а также расскажу о позиционировании элементов в CSS. Сайт для проверки поддержки браузерами различных CSS модулей - Документация CSS Grid на MDN - Мой телеграм канал - Телеграм чат где я отвечаю на вопросы и помогаю с Front-end разработкой - 00:00 - Вступление 00:15 - Разница между grid и flexbox 01:14 - Терминология CSS Grid 02:37 - display grid, display inline-grid 02:57 - grid-template-rows, grid-template-columns, fr и reoeat() 04:19 - grid-template-areas 05:49 - grid-template 07:10 - column-gap, row-gap, gap 08:11 - justify-items 08:34 - align-items 09:02 - place-items 09:25 - justify-content 09:56 - align-content 10:14 - place-content 10:27 - grid-auto-column, grid-auto-rows 11:21 - grid-auto-flow 12:38 - grid-column-start, grid-column-end, grid-row-start, grid-row-end 13:31 - grid-column, grid-row 13:50 - grid-area 14:13 - justify-self, align-self, place-self 14:57 - Когда использовать CSS Grid 15:16 - Позиционирование, position: static 15:34 - position: relative 16:21 - position: absolute 17:08 - position: fixed 18:21 - position: sticky 19:00 - Конец курс по css grid,css grid,уроки css grid,верстка на гридах,css grid layout уроки,введение grid css,верстка сайта,css grid практика,верстка,верстка сайта с нуля,css grid адаптивная верстка,grid css,css grid для начинающих,grid css основы,css grid верстка,уроки grid,css grid уроки,css grid vs flexbox,grid css уроки,css гриды,grid layout,верстка с нуля,адаптивная верстка,css grid layout,css для начинающих,курс css,как создать сайт
Hide player controls
Hide resume playing