Creating Layouts with CSS Grid

Coding web layouts has never been easy until now. This course will teach you CSS Grid, a technology to define rational layouts for your websites that is finally ready to go mainstream.

Intermediate FriendlySelf-Paced Learning
     
  • 5
  •  | 
  • Reviews ( 257 )
Subscription (Free Trial Available)
✓ Compare courses before making a decision
Check Latest Price →
Price may vary. Check latest price on provider site.
🧠 Good for intermediate learners
⚠ May feel basic for advanced users

Learning Journey Context

Works well as a continuation after mastering Software Development fundamentals. It bridges the gap toward advanced, production-level engineering.

Career Relevance

Relevant for: Frontend Developer, Full Stack Developer, Web Engineer.

Quick Facts

1 hour 42 minutes
Intermediate
Core Courses
Below sections are verified from last major sync. For real-time updates and today's latest lectures, Check official page here.

What You’ll Learn

Layouts in CSS have always depended on hacks. Getting the look you want has meant pushing CSS to its limits using floats, HTML, and positioning tricks in unconventional ways. In this course, Creating Layouts with CSS Grid, you’ll learn how to use the brand new CSS Grid system to solve layout problems once and for all. First, you’ll discover why CSS Grid is a better way to do layout. Next, you’ll get up and running with the minimum necessary code to start using CSS Grid. Finally, you’ll explore the CSS Grid specification thoroughly, learning how to create any layout you can dream of. When you’re finished with this course, you’ll have a solid understanding of this critical technology needed to create modern, robust, and responsive layouts for the web.

See how this course curriculum compares with alternatives

Outcomes

  • Course Overview : 1min.
  • Meet CSS Grid : 10mins.
  • Up and Running with CSS Grid : 11mins.
  • Defining Grids: In-depth : 24mins.
  • Positioning Items: In-depth : 18mins.
  • Advanced CSS Grid : 35mins.
See side-by-side differences in learning outcomes

FAQs

Top Alternatives

Highly-rated courses worth your attention

JavaScript Promises and Async Programming
⭐ 5.0· 1 Hrs 21 minutes
Intermediate
Free
RxJS in Angular: Reactive Development
⭐ 5.0· 4 Hrs 34 minutes
Beginner
Free
Developing with .NET on Microsoft Azure - Getting Started
⭐ 5.0· 4 - Hrs 50 minutes
Beginner
Free
Applying Functional Principles in C# 6
⭐ 5.0· 3 Hrs 28 minutes
Intermediate
Free
Introduction to MongoDB 2
⭐ 4.0· 2 Hrs 27 minutes
Intermediate
Free
SOLID Software Design Principles in Java 8
⭐ 5.0· 2 Hrs
Intermediate
Free
Creating Layouts with CSS Grid
⭐ 5(257+ learners)
✓ Compare side-by-side before spending money
Check Latest Price →
Price may vary. Check latest price on provider site.
🧠 Good for intermediate learners
⚠ May feel basic for advanced users