Search courses ranked by devsSee how

1 recommendation
1recommend

Learn Flexbox

Per Borgen
Per Borgen
Scrimba
Scrimba
Recommended

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

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

Duration

0 hours 52 minutes

Format

video

Certificate

Included

Pricing

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

Suggest an edit
Loading reviews...