Grid CSS простым языком: два способа работы с grid + пример использования

time2 yr agoview6 views

Зачем нужен grid если есть flexbox? Ответ на этот и многие другие вопросы ты получишь в этом видео.

00:00 - Что такое grid 00:15 - Зачем нужен grid если есть flexbox 00:31 - Что нужно для работы 00:50 - display: grid 00:56 - grid-template-columns и grid-template-rows 01:36 - Chrome DevTools для работы с grid 01:49 - repeat() 02:24 - позиционирование элементов на grid 03:13 - grid-column и grid-row 03:28 - span в позиционировании элементов 04:04 - поток элементов grid 04:30 - grid-area 05:17 - наложение элементов друг на друга 05:55 - явная и неявная сетка grid 06:44 - grid-auto-rows, grid-auto-flow, grid-auto-columns 07:23 - дробная единицы измерения fr 08:18 - minmax() 08:59 - gap для grid 09:32 - grid-template-areas 11:29 - justify-items и align-items 11:59 - justify-self и align-self 12:38 - justify-content и align-content 13:07 - challenge 13:26 - решение 2 способом 14:16 - решение 1 способом

Loading comments...