Fundamentals of CSS Grid
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
All Course Lessons (20)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The Responsive Web Design Bootcamp
50 Projects In 50 Days - HTML, CSS & JavaScript
Flexbox Simplified
