CSS GRID ЗА 5 МИНУТ

CSS Grid является важной технологией для создания layout'ов на ряду с flexbox. В этом видео мы разберем все свойства, связанные с grid

Источники:

⏱Таймкоды:
0:00 - Введение
0:14 - display и grid-template-columns
0:41 - fr
1:03 - grid-template-rows
1:08 - repeat()
1:20 - auto-fit
1:28 - minmax()
1:45 - auto-fill
1:55 - min-content
2:16 - max-content
2:29 - gap, column-gap и row-gap
2:47 - grid-column и grid-row
3:06 - span
3:20 - реклама
3:40 - justify-items, align-items, justify-content, align-content
4:13 - grid-template-ares
4:56 - grid-auto-rows и grid-auto-columns
5:24 - grid-auto-flow
5:38 - Заключение

🎵Музыка из видео:
Drake, 21 Savage - Spin Bout U
Drake, 21 Savage - On BS
21 Savage - American Dream
Playboi Carti - Backrooms
Drake, Playboi Carti - Pain 1993

#html #css #javascript #frontend #фронтенд #alixhatsu

[nealixhatsu]

Забыл отметить свойство grid-template, которым можно сократить написание
grid-template-areas grid-template-rows / grid-template-columns.
Например: grid-template:
"a a a" 40px
"b c c" 40px
"b c c" 40px / 1fr 1fr 1fr;

А также свойство order, которым можно поменять порядок элементов. Ну, о нем я рассказывал где-то.

[sumrakk_]

Как приятно, что есть такие быстрые, бодрые и информативные видео! Помогают освежить память и дают примерное понятие того, на что способно то или иное свойство. А ещё с такой подачей трудно заскучать :). Желаю удачи в развитии канала!

[sigmo_blo]

У меня есть единственная просьба: делать видео возможно не такими качественными, но по 10-20 минут по каждой темп. Т.е. более углублённые уроки) Буду рад за любой фидбек

[tabrisel]

Чисто коммент для поднятия актива автору. Крутые короткие видосы, помогают вспомнить парочку свойств) Лайк!

[whiteltd]

Сними про адаптацию (как правильно ее делать) начиная от мобилок 350px до 4к мониторов - просто сложно понять специфичность в написании адаптива) Спасибо за видео, лайк есть!

[dd]

Эх как же мне в данный момент сложно, про padding, margin, display, grid, ит.д Целый месяц учил html, css все теги выучил, все свойства. Как начал делать свой первый сайт, даже понятия не имею как их правильно использовать. Также повторял все по туториал верстки сайтов, вроде понимал про padding, margin, display и т.д. Но как начинал делать свой сайт, все также. Видать это для меня самое сложное в восприятии информации. Это видео я тоже не с первого раза понял и не факт сделаю в практике