Summary
Full Transcript
Source Code : https://github.com/harshitvee/CSS-Grid Complete HTML and CSS Course : https://www.youtube.com/playlist?list=PLwgFb6VsUj_mtXvKDupqdWB2JBiek8YPB TimeStamp 00:00:00 Intro 00:02:03 Grid Start 00:09:24 Show Grid Lines 00:10:38 Grid Template Columns 00:11:52 Implicit vs Explicit 00:13:43 Row Gap & Column Gap 00:14:57 Grid Fraction Units & Gap 00:19:06 CSS Grid repeat function 00:19:27 Grid Template Rows 00:21:05 Grid Auto Rows for implicit rows 00:22:04 Grid Auto Flow : Column 00:23:31 Grid Auto Columns for implicit columns 00:24:39 Mix fraction and fixed units 00:27:07 Auto-fit & Auto-fill 00:29:10 difference between auto-fit and auto-fill 00:31:39 Minmax function with auto-fit and auto-fill 00:35:56 Spanning & Positioning grid items 00:42:53 Grid Auto Flow Dense (Densely pack items) 00:48:12 Justify Items 00:49:26 Align Items 00:49:57 Place Items 00:51:04 Justify Content 00:52:37 Align Content 00:53:20 Place Content 00:54:06 Align Self 00:54:25 Justify Self 00: 54:58 Place Self 00:55:20 Practice Grid & Media Queries 01:00:38 Media Queries 01:02:18 Grid Template Areas 01:04:34 Media Queries With Grid Template Areas
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
