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

Watch Online Fundamentals of CSS Grid

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

Beyond CSS

Beyond CSS

Sources: kevin powell
Beyond CSS is a course designed to help you use modern CSS and tools like Sass and PostCSS in order to get control of your stylesheets.
18 hours 12 minutes 41 seconds
HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid

HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid

Sources: udemy
Hi and welcome to the HTML/CSS Bootcamp course, where we'll walk through the same course I teach code bootcamp students around the world.
20 hours 55 minutes 14 seconds
CSS for JavaScript Developers

CSS for JavaScript Developers

Sources: Josh Comeau
Learn CSS confidently with this interactive course designed for JavaScript developers. Understand CSS systems to enhance your web development skills and...