Skip to main content

Fundamentals of CSS Grid

3h 32m 35s
English
Paid

Course description

"Foundations of CSS Grid" is a hands-on course where you will learn from scratch one of the most powerful technologies in modern web design. You will learn to create clean, flexible, and responsive two-dimensional layouts that look great on any device.

CSS Grid may seem complicated, but in reality, it is a convenient and logical tool. In this course, you will progress from the basics to building real responsive interfaces without chaotic hacks or overloaded frameworks.

You will learn:

  • how to define grids and precisely position elements;
  • how to create flexible structures that adapt to the screen;
  • how to apply alignment and responsive techniques in practice.

With clear explanations and practical examples, you will quickly feel confident. By the end of the course, you will not only understand CSS Grid but also begin to enjoy using it.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 20 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (20)

#Lesson TitleDurationAccess
1
Introduction Demo
03:35
2
Bruno
01:35
3
Introduction
09:47
4
Grid Garden
19:34
5
Grid Containers
16:41
6
Grid Items
11:54
7
Common Layouts
14:39
8
Gallery Layout
06:21
9
Column Masonry
13:24
10
Typographix Gallery V1 - Styling - Part 1
09:25
11
Typographix Gallery V1 - Styling - Part 2
14:47
12
Typographix Gallery V1 - Modal Functionality
14:46
13
Let's Keep Learning Together!
01:23
14
Introduction
05:02
15
Mac / Linux Device Setup
05:35
16
Windows Device Setup
06:58
17
VSCode Setup & Template
19:27
18
VSCode Extensions
09:11
19
DevTools
13:57
20
GitHub
14:34

Unlock unlimited learning

Get instant access to all 19 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Create Animated Breaking News Graphics with HTML, CSS and JavaScript

Create Animated Breaking News Graphics with HTML, CSS and JavaScript

Sources: zerotomastery.io
Master the creation of dynamic overlays and animations for streams, scoreboards, and TV graphics. Learn the principles of working with animation and web technol
2 hours 40 minutes 39 seconds
Composing Layouts in React

Composing Layouts in React

Sources: fullstack.io
In this course we show you how to build complex layouts in React by composing just a few foundational layout primitives. Along the way you will learn modern CSS Layout tools lik...
4 hours 38 minutes 12 seconds
Learn CSS Today

Learn CSS Today

Sources: webdevsimplified.com
Learn modern CSS features and advanced CSS concepts in less than a day with this highly focused project-based CSS course.
9 hours 31 minutes 49 seconds
Complete Web Developer in 2025: Zero to Mastery

Complete Web Developer in 2025: Zero to Mastery

Sources: udemy, zerotomastery.io
Learn to code. Get hired. This is one of the most popular, highly rated coding bootcamps online. It's also the most moderen and up-to-date. Guaranteed. You'll g
37 hours 3 minutes 37 seconds
Sass - from beginner to real world

Sass - from beginner to real world

Sources: kevin powell
Sass has become an essential language to learn for front-end developers. It helps you write your code faster, pull off things that sometimes seem like magic, and it’s also a par...
8 hours 2 minutes 59 seconds