Skip to main content

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

Watch Online Fundamentals of CSS Flexbox

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

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
Tailwind Mastery

Tailwind Mastery

Sources: Build UI
Tailwind CSS has become one of the most popular ways to style modern web applications, and for good reason. Its APIs make developers feel incredibly productive, and because it's...
2 hours 34 minutes 57 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!

Sources: udemy
Do you want to learn the fundamentals of modern web development fast? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just w...
12 hours 13 minutes 30 seconds
The Ultimate HTML5 & CSS3 Series: Part 1

The Ultimate HTML5 & CSS3 Series: Part 1

Sources: codewithmosh (Mosh Hamedani)
Have you always wanted to learn web development but didn't know where to start? Tired of lengthy, boring and outdated courses? This course is for you. A fun...
2 hours 51 minutes 50 seconds