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

100 Days Of Code: The Complete Web Development Bootcamp 2024

100 Days Of Code: The Complete Web Development Bootcamp 2024

Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)

CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)

Sources: udemy, Academind Pro
CSS - short for Cascading Style Sheets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites. This course covers it all - we start at t...
20 hours 54 minutes 47 seconds
Page Transitions

Page Transitions

Sources: superhi.com
Integrate the Barba.js Javascript library into your websites and use CSS and Javascript techniques to add smooth and harmonious effects.
4 hours 10 minutes 33 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
Tailwind UI (Application UI + Marketing)

Tailwind UI (Application UI + Marketing)

Sources: adamwathan
Tailwind UI is a collection of professionally designed, pre-built, fully responsive HTML snippets you can drop into your Tailwind projects. Get started by check