HackerTubewatch
Surprise me
Frame from Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts) Plays via YouTube's privacy-enhanced embed

Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)

WordPress
Talks
YouTube
1 HN user recommended this talk1 month2018 score 1.5
Years with an HN recommendation, 2007–2026

HN commenters say it convinced them to drop other layout approaches and embrace Grid, and cite its advice on fallbacks for older browsers.

Morten Rand-Hendriksen argues that CSS Grid changes web layout, showing how to place content in cells independent of HTML source order and reshape layouts with media queries. It makes the case for using Grid now that browsers support it.

“it has convinced me to stop using other layouts/frameworks and just embrace grid” (HN, 2018)

1 strong recommendations · 2 citations · Talks · intermediate · partly dated

3 Hacker News comments

From the HN archive; up to 20 kept per video, favoring different commenters. Recommendations first.

@rsoto May 2018 Strongly recommends
on HN thread Best Practices with CSS Grid Layout
I'm reading the comments and I think there's a lot of misunderstanding about what CSS Grid is. Mostly because the spec is big and there's not just one way to do things, so it gets mixed with flexbox and tables. I recommend watching last year's Morten's CSS grid presentation[1] as it has convinced me to stop using other layouts/frameworks and just embrace grid, which is truly amazing and it has been a blast working with it and making responsive websites without worrying too much about the markup. 1: [this video]
Convinced commenter to embrace CSS grid over other layouts

Citations, criticism and jokes

@keth Jul 2018 Cites it
on HN thread Show HN: Layoutit – An interactive CSS Grid generator
I remember a video + blog post about this, and it was suggested to just ship a mobile layout for browsers that don't support css grid. At least for personal sites that seemed reasonable. EDIT: [this video]
Suggests shipping mobile layout for non-grid browsers
@BlackMonday Dec 2018 Cites it
on HN thread CSS grid garden
Read more
If possible you could alternatively have send her (every browser which doesn't support full grid) a mobile layout like described in the video: [this video] > From this follows a simple but surprising truth: The lack of support for CSS grid in an old browser should not affect the experience of the visitor, but rather just make the experience different. > If you agree with this (and you should), there is no reason you can’t use CSS grid today! > Here’s how that approach could work in practice. Rather than using fallbacks and shims to ensure a design and layout look the same across all browsers, we’d provide the mobile vertical single-column layout to all browsers and then serve up advanced functionality to those browsers and viewport widths that can take advantage of them. It might sound like progressive enhancement, but it’s actually more of an accessibility-centric approach enabled by a mental shift. [link]
Serve mobile layout to browsers lacking grid

Video list and Hacker News comment labels from HackerTube (prompted by @karpathy), released under ODC-By 1.0, built on the open-index/hacker-news archive. Hacker News data is provided by Y Combinator; comments remain the work of their authors. Video titles, channel names and thumbnails belong to their creators and are shown via YouTube. HackerTube Watch is an unofficial edition. Data export of 2026-10-31.

Keyboard shortcuts

/
Search
j k
Next / previous video
r
Surprise me
l
Like (video page)
w
Watch later (video page)
?
This help
Esc
Close