Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

A Quick Introduction to CSS Grid Layout

Envato Tuts+ via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn the fundamentals of CSS Grid Layout in this 53-minute video tutorial. Explore the powerful two-dimensional layout system that has been adopted by all major browsers. Discover how CSS Grid improves upon traditional float-based layouts and even Flexbox for creating complex web designs. Dive into key concepts including grid containers, defining rows and columns, and placing elements on the grid. Gain practical knowledge through step-by-step demonstrations and understand browser support considerations. By the end of this tutorial, acquire the skills to implement CSS Grid Layout in your web development projects, enhancing your ability to create sophisticated and responsive layouts.

Syllabus

1.1 Welcome to the Course
1.2 What Is CSS Grid Layout a.k.a. Grid?
1.3 A Quick Look at the Terminology
2.1 Creating a Grid Container
2.2 Defining Rows and Columns
2.3 Placing Elements on the Grid
2.4 Browser Support

Taught by

Envato Tuts+

Reviews

Start your review of A Quick Introduction to CSS Grid Layout

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.