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
HTML5 and CSS FundamentalsWorld Wide Web Consortium (W3C) via edX Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Course: Build Responsive Websites from Scratch
Udemy Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)
Udemy