Learn CSS Grid Layouts the Easy Way

Veröffentlicht am: 16 Juli 2024
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Learn CSS Grid Layouts the Easy Way mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Learndev 16 Juli 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 146,682 Mal angesehen und es wurde von 5.3 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

2,495,245

18K