Master CSS Grid in this comprehensive tutorial, part of the Sigma Web Development Course. Learn the fundamentals of CSS Grid, including grid-template-columns, grid lines, cells, tracks, and areas. Explore essential properties like grid-row, grid-column, and grid-template-area. Discover how to use the fr unit, gap property, and alignment techniques. Gain practical knowledge on naming grid lines, using repeat syntax, and implementing justify-content and align-content. Perfect for web developers looking to enhance their layout skills and create responsive, flexible designs.
Overview
Syllabus
- Introduction
- Sigma Intro
- Why CSS Grid?
- grid-template-columns property
- Grid Line and Grid Cell
- Grid Track and Grid Area
- grid-row and grid-column properties
- Naming Grid lines
- Grid Template Area
- fr Unit
- Gap Property
- align-items & justify-items
- repeat syntax
- justify-content & align-content
- Sigma Outro
Taught by
CodeWithHarry
