Learn CSS Grid Layouts the Easy Way

Опубликовано: 16 Июль 2024
на канале: Learndev

146,682

5.3k

Learn the grid layout with this easy-to-follow CSS tutorial for beginners. Take a deep-dive with this video and start mastering css grids. Grid layouts are a must-know because they help you creating complex layouts in no time.

Chapters:
00:00 - css grid layout intro
00:40 - display: grid
01:04 - grid-template-columns
01:52 - grid-template-rows
02:10 - minmax() function
03:02 - repeat() function
03:28 - fraction unit (fr)
04:15 - grid gaps
04:58 - aligning items in grids
05:21 - position grid items
06:36 - grid-column & grid-row
06:58 - grid-area
07:15 - grid-template-areas
08:43 - outro

Code Examples on Github:
https://github.com/ld-com/learndev-vi...

#css #grid #cssgrid #csstutorial #css3 #learncss #webdesign #webdevelopment #csscourse #learncoding #csslayout #codingtutorial

На этой странице сайта вы можете посмотреть видео онлайн Learn CSS Grid Layouts the Easy Way длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Learndev 16 Июль 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 146,682 раз и оно понравилось 5.3 тысяч зрителям. Приятного просмотра!

2,666