HackerTube.dev

CSS Grid Changes EVERYTHING - Amazing Presentation

Coding Tech · 1.1M views · 2017-07-17 · 32:06

Open on YouTube ↗

If playback is restricted in your region, try opening the original video. Use Mark watched to add it to your marked videos.

Overview

Morten Rand-Hendriksen's WordCamp Europe 2017 talk presents CSS Grid Layout as a native two-dimensional layout system that changes how web pages are structured, including responsive layouts independent of source order. It was given as browsers began shipping support.

On Hacker News

HN commenters recommend it as an inspiring demonstration of how powerful CSS Grid is and how it repairs the relationship between HTML and CSS.

Recommended by 4 HN people across 3 months · HN mentions 2018–2019

Topics

Web development
Search by tags
css gridresponsive designweb layoutfront-endwordcamp

What people said

lugg · 2019-02 · Recommendation

I am still blown away by how powerful CSS grid is. [VIDEO] It's sad it doesn't get more use. Potwntially this is because CSS frameworks hide all this away and nobody is really learning CSS anymore but I wouldn't really know. I'm not really that exposed to the web front end side of things.

Read the original HN comment ↗
TACIXAT · 2018-04 · Recommendation

CSS Grid Changes Everything - [VIDEO] The speaker is good but I think I like it just because it fixes the relationship between HTML and CSS.

Read the original HN comment ↗
bpicolo · 2018-02 · Recommendation

You don't need to worry about UC browser if you aren't in China (that knocks several other browsers > 1% "global" share too). Opera Mini + IE11 is ~5.5% unsupported. One recommendation from the video the other day was also very good in this regard: [VIDEO] Create something that works on mobile, then use grid to build outwards. Then you get reasonable views on unsupported platforms (the mobile-centric view, and most platforms that don't support grid are Mobile) and grid works where it can / needs to. IE11 will -never- support grid. Don't let that hold you back! (Unless you're specifically developing for an IE11-rich market)

Read the original HN comment ↗

Sources

Video by Coding Tech, played through YouTube.

Data and selection notes

HN summaries and labels may contain AI errors. HN dates refer to discussions, not video publication.

HN Library: HackerTube export (2026-10-31) and open-index/hacker-news. Upstream summaries and classifications may contain AI errors.

Views, duration and playback status refresh separately from the published catalog. When an update fails, existing data remains visible.

Selection checks
  • SaaS & AI candidates: Topic keywords do not match
  • Editor-approved picks: Editorial review is required

Rule matches identify candidates. They do not guarantee video quality or financial results.

About the library and its sources