Good videos, with context.
Flexbox vs. CSS Grid — Which is Better?

Flexbox vs. CSS Grid — Which is Better?

Layout Land
3 HN recommenders · discussed 2018–2020
Open YouTube ↗

About this video

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 it appears in the archive

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

AI-generated summary and labels from the source dataset; verify important details against the video. Source & credits.

From the Hacker News discussion

ljoshua · 2018-07 · strong rec

Here's a great explanation from Jen Simmons that really helped me understand the differences and respective strengths and weaknesses of each: [VIDEO]

Read original comment ↗
Deimorz · 2018-05 · rec

They serve different purposes, and you'll often want to use both for different pieces of the layout. Flexbox is for laying things out in one dimension, Grid is more for two-dimensional ones. This video might help show the difference (and all the Layout Land videos are great if you want to look more into CSS grid): [VIDEO]

Read original comment ↗
JamesSwift · 2020-04 · rec

Grid is awesome, and I highly recommend learning what it can do for you. That said, they serve different purposes. However, between the two of them they address 97% of my needs on the frontend. This[1] is a good rundown of what the two do/dont do. [1] - [VIDEO]

Read original comment ↗
JamesSwift · 2020-04 · rec

The two occupy a venn diagram of functionality. They do some stuff the same, but they also both do unique things the other doesnt. See this for a good rundown: [VIDEO]

Read original comment ↗