Learn CSS Grid Layouts the Easy Way

Published: 16 July 2024
on channel: 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

On this page of the site you can watch the video online Learn CSS Grid Layouts the Easy Way with a duration of hours minute second in good quality, which was uploaded by the user Learndev 16 July 2024, share the link with friends and acquaintances, this video has already been watched 146,682 times on youtube and it was liked by 5.3 thousand viewers. Enjoy your viewing!

1,067,219

46K