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

Sass - from beginner to real world

Sass - from beginner to real world

Sources: kevin powell
Sass has become an essential language to learn for front-end developers. It helps you write your code faster, pull off things that sometimes seem like magic, and it’s also a par...
8 hours 2 minutes 59 seconds
Mastering CSS Grid 2022 - With 3 cool projects

Mastering CSS Grid 2022 - With 3 cool projects

Sources: udemy
CSS Grid is a relatively new and unused concept to CSS. It's very important these days that our layouts are simple to maintain, and easy to adjust based on the dimensions of our...
17 hours 16 minutes 22 seconds
10 Mega Responsive Websites with HTML, CSS, and JavaScript

10 Mega Responsive Websites with HTML, CSS, and JavaScript

Sources: udemy
Welcome to the brand new course where you can learn about how to create modern and beautiful design templates for your websites. If you want to build and customize your portfoli...
21 hours 54 minutes 19 seconds
The CSS Bootcamp: Zero to Mastery

The CSS Bootcamp: Zero to Mastery

Sources: zerotomastery.io
Learn CSS from basics to advanced techniques with 100+ exercises. Create beautiful, responsive websites and build your portfolio with real-world projects.
40 hours 15 minutes 13 seconds