Skip to main content

Learn Flexbox

A short, practical Scrimba course with Per Borgen: under an hour on CSS Flexbox, taught by building a responsive layout you can actually use.

Quick answer​

Learn Flexbox is a Pro-tier, intermediate course: about 53 minutes and 16 lessons, taught by Per Borgen. It covers the one-dimensional layout system that handles most everyday CSS arrangement: navbars, card rows, centring, and spacing. You learn it by building a responsive layout in the player. Short, focused, and one of the highest-yield hours in the CSS catalog.

Is it worth your time?​

Flexbox is the layout tool you reach for most often, and like grid, it makes far more sense when you can see it move. Changing justify-content and watching items redistribute in the same window is the kind of feedback static tutorials cannot give you, and under an hour is enough to stop guessing at align-items and start placing things deliberately. Per Borgen keeps it tight and project-led.

The honest caveat is scope, and it is intentional. This is flexbox alone. Two-dimensional layouts call for grid, and the broader responsive picture (media queries, fluid sizing) lives elsewhere. For one-dimensional arrangement this teaches what you need; for full layout fluency, pair it with grid and a deeper course.

What you'll learn​

The course covers the flex model directly: turning a container into a flex context, controlling direction, and using justify-content, align-items, flex-grow, and flex-wrap to arrange and size items. The build project anchors each property to a real result, so you finish able to lay out a responsive component without trial and error. The recurring layout problems (centring, even spacing, responsive rows) all get covered concretely.

It pairs naturally with Learn CSS Grid. Flexbox is one-dimensional; grid is two-dimensional. Knowing which to reach for is most of the skill, and the two short courses together give you that instinct.

Who it's for, and who should skip it​

It fits developers who know basic CSS and want to get fluent with everyday layout fast. It is ideal as a targeted top-up when flexbox is the specific gap.

Skip it if your CSS basics are not yet solid (do Learn HTML and CSS first), or if you would rather learn flexbox inside a fuller treatment, in which case Learn Responsive Web Design covers it as part of a much larger course.

Prerequisites​

Basic HTML and CSS: selectors, the box model, and simple styling. No JavaScript needed.

Where it fits​

This is a focused skill course on the Frontend Developer Path and the Fullstack Developer Path. It pairs with Learn CSS Grid, and both become optional once you take the comprehensive Learn Responsive Web Design, which folds them in.

Free or Pro​

This is a Pro course, so it needs a Scrimba subscription. Pro also covers the career paths, challenges, certificates, and Discord. See current plans for what Pro costs in your region.

Strengths and limits​

What it does well: it is short, project-driven, and taught by a clear instructor on a topic the interactive format genuinely suits.

Where it is limited: it covers flexbox alone and stays at a working level. Two-dimensional layout and the broader responsive context live in the longer courses.

View Learn Flexbox on Scrimba (opens in a new tab)

Related Guides

Next step

All Courses

Docs
Last updated on