Fundamentals of CSS Flexbox
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
Watch Online Fundamentals of CSS Flexbox
All Course Lessons (25)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Tailwind UI (Application UI + Marketing)
Tailwind Mastery
Crash Course: Build a Full-Stack Web App in a Weekend!