Fundamentals of CSS Flexbox

4h 7m 34s
English
Paid

Course description

"Fundamentals of CSS Flexbox" is a course where you will learn to use Flexbox to create clean, flexible, and responsive layouts. We will cover the basics of working with Flexbox, alignment, margin management, element wrapping, and real-life examples of layout design to ensure that your websites look modern and neat.

Flexbox eliminates the headaches of CSS layout design. Forget about chaotic floats, endless margins, and positioning quirks—this course will be your "reset button."

What awaits you:

  • A clear explanation of what Flexbox is and why it is needed;
  • Practice on alignment, distribution of elements, and responsiveness;
  • Interactive exercises (such as Flexbox Froggy) to reinforce the key principles;
  • Creation of a real project—a responsive blog from scratch.

This course is ideal for beginners who want to finally understand layout design without struggle—and get a ready-made project for their portfolio.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 25 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (25)

#Lesson TitleDurationAccess
1
Introduction Demo
03:37
2
Bruno
01:30
3
Introduction
08:57
4
Flexbox Game
05:59
5
Flexbox Containers
15:31
6
Flexbox Items
09:11
7
Common Layouts
13:27
8
Flexbox Gallery
06:43
9
Typographix Blog V1 - Adding HTML - Part 1
09:01
10
Typographix Blog V1 - Adding HTML - Part 2
12:25
11
Typographix Blog V1 - ChatGPT and AI
07:40
12
Typographix Blog V1 - Styling Main Page - Part 1
14:00
13
Typographix Blog V1 - Styling Main Page - Part 2
10:22
14
Typographix Blog V1 - Sticky Navigation
13:49
15
Typographix Blog V1 - Article Styling
14:10
16
Typographix Blog V1 - Mobile Responsiveness - Part 1
13:13
17
Typographix Blog V1 - Mobile Responsiveness - Part 2
11:52
18
Let's Keep Learning Together!
01:23
19
Introduction
05:02
20
Mac / Linux Device Setup
05:35
21
Windows Device Setup
06:58
22
VSCode Setup & Template
19:27
23
VSCode Extensions
09:11
24
DevTools
13:57
25
GitHub
14:34

Unlock unlimited learning

Get instant access to all 24 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

CSS Simplified

CSS Simplified

Sources: webdevsimplified.com
Learn how to create beautiful websites with over 100 video tutorials and 20+ unique projects designed to make learning CSS as easy and understandable as...
15 hours 17 minutes 44 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
Responsive Design for Beginners

Responsive Design for Beginners

Sources: Jess Chan
You have already learned the basics of HTML and CSS... so what's next? Yes, you can follow the steps from the tutorial and have become a master at finding answe
30 hours 51 seconds
Modern HTML & CSS From The Beginning Course

Modern HTML & CSS From The Beginning Course

Sources: Brad Traversy
This course is suitable for beginners who want to learn HTML and CSS from scratch to an advanced level, as well as for developers who want to implement...
24 hours 21 minutes 52 seconds