Skip to main content

Fundamentals of CSS Grid

3h 32m 35s
English
Paid

Foundations of CSS Grid is a hands-on course designed to teach you one of the most powerful technologies in modern web design from scratch. By the end of this course, you'll be able to create clean, flexible, and responsive two-dimensional layouts that look great on any device.

Why Learn CSS Grid?

CSS Grid may seem complicated at first glance, but it is a convenient and logical tool for web developers. This course guides you from the basics to building real-world responsive interfaces without resorting to chaotic hacks or overloaded frameworks.

What You Will Learn

  • Defining Grids: Learn how to define grids and precisely position elements within them.
  • Creating Flexible Structures: Develop structures that adapt smoothly to different screen sizes.
  • Applying Alignment and Responsive Techniques: Implement alignment methods and responsive design techniques with ease.

Course Benefits

Through clear explanations and practical examples, you will build confidence in using CSS Grid. By the end of the course, you will not only understand this powerful tool but also start enjoying its use in your web development projects.

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