WeAreDevelopers LIVE • Mar 24, 2021

Kirsty's Excellent Adventure in CSS Grid

Kirsty Burgoine

Kirsty shows why CSS Grid makes complex media queries obsolete. Master fluid layouts, Subgrid alignment, and progressive enhancement without falling into visual reordering accessibility traps.

Kirsty's Excellent Adventure in CSS Grid thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

2:04 min

Introduction to modern CSS capabilities for designers

Onur Gumus · LIVE

4:12 min

Building grid layouts and managing component spacing

Patricio Vargas · World Congress 2023

3:37 min

Responsive layout challenges and user customization

1:52 min

Mastering CSS layouts through visual Flexbox playground tools

Chris Heilmann

Chris Heilmann +2 · LIVE

2:28 min

Resolving complex item alignments using CSS Subgrid

Onur Gumus · LIVE

4:37 min

Modern CSS visual features and framework integration

Chris Heilmann

Chris Heilmann +2 · LIVE

More from WeAreDevelopers LIVE

Humans in the Loop: Storytelling in Tech thumbnail

Humans in the Loop: Storytelling in Tech

Christian Heilmann +2

5 days ago

WeAreDevelopers LIVE: Your Brain Is Lying to You: Cognitive Biases in Development thumbnail

Your Brain Is Lying to You: Cognitive Biases in Development

Last week

Like Peas in a Pod - What Happens When People Clone Your App? thumbnail

Like Peas in a Pod - What Happens When People Clone Your App?

Ivan Kutskir +2

2 weeks ago

WeAreDevelopers LIVE - Read more, Prompt Less thumbnail

Read more, Prompt Less

Christian Heilmann +2

3 weeks ago

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail

Tech Education in Two Languages

Daniel Cranney +1

Oct 2026

WeAreDevelopers LIVE - Playing in Production thumbnail

Playing in Production

Andrew MacLean +2

Sep 2026

Upcoming sessions on this topic

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

Vidhya Krishnamoorthy

Morgan Stanley

VP, Software Engineering Manager

The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows

Wadad Parker

Ednius Inc.

SDE

Your Server-Rendered App Doesn't Know Who It's Talking To

Anshul Bansal

OLX India

Principal Architect

DevOps for React Developers: From Code to Production

Kristiyan Velkov

Docker

Front-End Advocate | Speaker | AI & DevOps Enthusiast | Docker Captain | Tech Blogger | Book Author | 100+ IT Certifications | 30K+ Followers

Built-In AI in the Browser: Practical Capabilities for Modern Web Apps

Piyush Gupta

Expedia

Senior Engineering Manager

Understanding React Performance Patterns Developers Often Get Wrong

Himanshu Srivastava

Best Buy India

Software Engineer

Related videos

What's new in CSS for Designers? thumbnail

What's new in CSS for Designers?

Onur Gumus

LIVE · Dec 2023

Future-Proof CSS thumbnail

Future-Proof CSS

Ire Aderinokun

World Congress · 2022

Can CSS recreate Tufte's designs? thumbnail

Can CSS recreate Tufte's designs?

Håkon Wium Lie

World Congress · 2022

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail

Is CSS Catching Up to Flash?

Chris Heilmann +2

LIVE · Sep 2026

What’s New and What’s Next in Web UI thumbnail

What’s New and What’s Next in Web UI

Cleyra Uzcategui · JP Morgan & Chase Co.

World Congress · 2024

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs thumbnail

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

Vidhya Krishnamoorthy · Morgan Stanley

Europe Virtual · 2026

Related articles

DC

Daniel Cranney

Building a Bento Grid Layout with Modern CSS Grid

Even if you haven’t heard the term bento before, you’ve almost certainly seen a bento layout on the web in recent years. The name, taken from traditional Japanese bento meals where different dishes...

9 months ago

A screenshot of a bento layout at an angle, with a shallow depth of field

CH

Chris Heilmann

Declarative Design and a fresh take on collaboration with developers

Getting designers and developers on the same page can be tough for digital product teams. Things get especially tricky when the focus is just on fixing little things here and there instead of looki...

over 1 year ago

Illustration showing how developers and designers can work on the same project together

DC

Daniel Cranney

The Overflow: 5 CSS Generators and Visual Design Tools

If you’ve read The Overflow before you’ll know it’s where we take some time you show you our favourite tools from around the web that we simply couldn’t fit into the always-packed Dev Digest. This ...

8 months ago

A table top with different CSS elements represented as blocks (grid), a curve (animations) and flex box alignments.

CH

Chris Heilmann

Dev Digest 133 - Back to Front

News and ArticlesWeAreDevelopers LIVE WebDev Day is on Wednesday, 18/11/2024. Learn about Design-first APIs for UI components, the JavaScript event loop, the Secret sauce behind pattern matching an...

about 2 years ago

Dev Digest 133 - Back to Front

From learning to earning

Jobs that call for the skills explored in this talk.

Staff Frontend Design Engineer - AI & Systems Leader

San Francisco, CA, United States

Expert Github ReactJS Adobe InDesign

Senior UX-Designer:in BundesMessenger

Hamburg, Germany

Expert €71k–91k Git HTML Figma

Senior Web Software Architect, AI Experiences

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TypeScript TeamViewer

Staff Silicon Design Engineer

Adobe InDesign Hardware Testing Software Debugging

Solutions Architect UK & Ireland

Expert £78k Node.Js Selenium Playwright

UX Designer/UX Consultant - Unily Intranet Platform

1st solution consulting gmbh

Remote Microsoft Windows Design Web Format Microsoft Copilot