Master modern CSS layout techniques with Flexbox

Flexbox for Layouts

Create responsive, flexible layouts with modern CSS Flexbox

Try for Free Learn More

🔓 Instantly Unlock All 50+ Courses

Simple Subscription. Complete Access.
Flexible Subscription Options 30-Day Money-Back Guarantee
Released: May 15, 2022
Duration: 1 hour & 1 minute
SUBSCRIBE NOW
Watch Demo Learn more about Subscription Options

Beginner Friendly

Real-World Projects

Learn at Your Own Pace

🧠 What You'll Learn

Everything you need to build modern, flexible web layouts

Flexbox Fundamentals
  • Flex container properties
  • Flex item properties
  • Understanding the flex model
Layout Techniques
  • Building responsive layouts
  • Flex grow, basis, and direction
  • Creating flexible UI components
Practical Applications
  • Navigation bars
  • Card layouts
  • Responsive columns and rows

Who Is This For?

Web Designers
Frontend Developers
UI Designers
Beginner

Basic HTML and CSS knowledge recommended

Practical

Hands-on approach with real-world layouts

Modern

Learn the layout system used by professional developers

Check out our Subscription Options for unlimited access to all courses with one simple subscription.

What Students Are Saying

"Can someone help me, there are a few things that I am not seeing on my Computer that are in the tutorial. So when I go to environment variables and in the top box it pulls up a extension to browse files instead of a list to edit variables like the bottom box does when I click on edit. Also when I pull up python it doesn't say WINDOWS/system 32 like Chris' tutorial it just has >>> and that's it. Any help would be amazing I really want to learn coding."

@UrMOM289

"I just downloaded python last night and I'm looking for a guide to programming 101 and I think I've found it. I've sub'd and will be watching your vids for instructions. Thank you very much. I found some stuff on sourceforge for pay as you go but being unemployed YouTube is the next best thing if not better. Terry"

@terenceriley1375

"great video man. thank you!"

@dahlinc
Chris Hawkes profile image
0M+ Views
0K+ Students
0+ Years Exp.

Meet Chris Hawkes

Chris Hawkes is a Senior Software Engineer with over 15 years of experience working for Fortune 500 companies. He's taught more than 20 million students on YouTube and over 25,000 on Udemy.

Some of his work has been used by universities around the world and sponsored by some of the largest companies in Information Technology.

Career Highlights

🏆
2010

Joined Fortune 500 company

📺
2019

YouTube hits 100K subscribers

🚀
2020

CodeHawke officially launched

👁️
2022

Hits 20M+ views on YouTube

🌎
2024

Sold in 90+ countries worldwide

🎮
2025

First VR game release