Skip to main content

Fundamentals of CSS Grid

3h 32m 35s
English
Paid

"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.

About the Author: zerotomastery.io

zerotomastery.io thumbnail
Whether you are just starting to learn to code or want to advance your skills, Zero To Mastery Academy will teach you React, Javascript, Python, CSS and more to help you advance your career, get hired and succeed at some of the top companies in the world.

Watch Online 20 lessons

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