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+