CSS Grid - Ultimate MasterClass - Tutorial 39
Offered By: CodeWithHarry via YouTube
Course Description
Overview
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.
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
Related Courses
Intro to HTML and CSSUdacity Responsive Web Design Fundamentals
Google via Udacity HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX CSS Basics
Microsoft via edX Advanced CSS Concepts
Microsoft via edX