Search courses ranked by devsStop wasting time. Search coding courses, tutorials, and books — ranked by developers who voted for themSee how→
Learn Flexbox

Extra perks unlocked via skillcraft.ai link
This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You'll learn all the key concepts in addition to building a responsive navbar and a neat image grid. Once you've learned CSS Flexbox, you'll wonder how you ever managed to build websites without it. It gives you all the tools you needed in order to properly arrange content inside flexible containers. Given that all websites need to be flexible and responsive these days, Flexbox is a must-have skill for web developers. Course content - This course is focused on getting you up to speed as quickly as possible. Even if you only watch the first lectures, you'll be able to take advantage of your new skills in your next project. I'll give you several exercises throughout the course, so that you'll be able to get your hands dirty as well. We'll use a navbar as an example layout, as that's a very typical use case for Flexbox. In the bonus screencasts, we'll tie everything together and build two real-world examples: an awesome image grid and a fully responsive navbar.
Instructor

Per Borgen
Developer, teacher, and co-founder of Scrimba. I love teaching people how to code and helping them break into the tech industry. Based in Oslo, Norway.
Course details
0 hours 52 minutes
video
Included
Free
What you'll learn
Create a basic layout using Flexbox
Understand main axis and cross axis in Flexbox layout
Use justify-content property to position items along the main axis
Control the size of Flexbox items with the flex property
Prerequisites
Good grasp of basic HTML
Good grasp of basic CSS
Familiarity with web development concepts
Who this course is for
Web developers who need to build flexible and responsive websites
Developers who want to properly arrange content inside flexible containers
Frontend developers looking to master modern CSS layout techniques
Anyone who wants to learn Flexbox quickly and efficiently
Curriculum
Core Flexbox Concepts
6 lessons
Advanced Flexbox Properties
4 lessons
Real-World Projects
2 lessons
Course Completion
2 lessons
Notice something missing?
Help us improve this course information for the community