hackertube.io

Flexbox vs. CSS Grid — Which is Better?

Layout Land · explainer · Watch on YouTube

Web development

What it is

Jen Simmons explains the difference between CSS Flexbox and CSS Grid, and when to use each. She makes the case that Grid does not replace Flexbox and most sites use both.

Why Hacker News recommends it

Recommended as a short, clear rundown of one-dimensional versus two-dimensional layout.

  • 3 people recommended it
  • 3 different months
  • 1 strong recommendations
  • first 2018, last 2020

What HN commenters said

  1. “Here's a great explanation from Jen Simmons that really helped me understand the differences”

    Jen Simmons explaining differences and strengths of flexbox and grid.

    ljoshua, 2018-07 · Strong recommendation · in “Show HN: Layoutit – An interactive CSS Grid generator”

  2. “all the Layout Land videos are great if you want to look more into CSS grid”

    Shows the difference between one-dimensional flexbox and two-dimensional grid.

    Deimorz, 2018-05 · Recommendation · in “Best Practices with CSS Grid Layout”

  3. “This[1] is a good rundown of what the two do/dont do.”

    Good rundown of what flexbox and grid do and do not do.

    JamesSwift, 2020-04 · Recommendation · in “Ask HN: Resources to learn basic UI layout design for React apps?”

Excerpts from Hacker News comments, linked to the originals. Summaries and labels were written by a language model from those comments.

Topics: css grid, flexbox, css, web layout, jen simmons

Also recommended by the same people