Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Zero To Mastery

Fundamentals of CSS Flexbox

via Zero To Mastery Path

Overview

Learn how to use CSS Flexbox to build clean, flexible, and responsive layouts. This course covers Flexbox fundamentals, alignment, spacing, wrapping, and real-world layout examples to help you build beautiful websites.
  • How to use Flexbox containers and items
  • Align elements vertically and horizontally
  • Control spacing and distribution in layouts
  • Wrap and reorder elements easily
  • Build layouts that adapt to any screen size
  • Understand Flexbox through visual tools like Flexbox Froggy
  • Apply Flexbox to real-world projects
  • Create a responsive blog layout from scratch

Syllabus

  •   Introduction
    • Introduction
    • Exercise: Meet Your Classmates and Instructor
    • Course Resources
    • Developer Setup
  •   Fundamentals of CSS Flexbox
    • Bruno
    • Introduction
    • Flexbox Game
    • Flexbox Containers
    • Flexbox Items
    • Note on Unsplash Random
    • Common Layouts
    • Flexbox Gallery
    • Typographix Blog V1 - Adding HTML - Part 1
    • Typographix Blog V1 - Adding HTML - Part 2
    • Typographix Blog V1 - ChatGPT and AI
    • Typographix Blog V1 - Styling Main Page - Part 1
    • Typographix Blog V1 - Styling Main Page - Part 2
    • Typographix Blog V1 - Sticky Navigation
    • Typographix Blog V1 - Article Styling
    • Typographix Blog V1 - Mobile Responsiveness - Part 1
    • Typographix Blog V1 - Mobile Responsiveness - Part 2
  •   Where To Go From Here?
    • Let's Keep Learning Together!
    • Review This Byte!
  •   Optional Appendix - Developer Setup
    • Introduction
    • Mac / Linux Device Setup
    • Windows Device Setup
    • VSCode Setup & Template
    • VSCode Extensions
    • DevTools
    • GitHub

Taught by

Jacinto Wong

Reviews

Start your review of Fundamentals of CSS Flexbox

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.