YoVDO

CSS Grid - Ultimate MasterClass - Tutorial 39

Offered By: CodeWithHarry via YouTube

Tags

CSS Grid Courses HTML & CSS Courses Responsive Design Courses Front-end Development Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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 CSS
Udacity
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