Web Directions hover 2022 The conference CSS deserves

Session Details

Kathryn Grayson Nanz

Ditch the Media Queries: Modern CSS Replacements for Better Responsive Code

Kathryn Grayson Nanz Developer Advocate Progress

Thankfully, CSS has come a long way since the days when device-based breakpoints were the norm, but a lot of us got used to just throwing in a media query (or twelve) to make things responsive, and never quite broke the habit. Now that we have modern CSS features like grid, flexbox, calc, clamp, aspect-ratio, and more – in 2022, it’s finally time to ditch the media queries in your responsive code. Today, we’re going to start at the top and work our way down: from the big-picture display formatting all the way to the smallest CSS units. And as for your old stylesheets, don’t worry too much…we can refactor. We have the technology

Kathryn Grayson Nanz

Kathryn Grayson Nanz is a Developer Advocate at Progress with a passion for React, UI design, and sharing with the community. She started her career as a graphic designer and was told by her Creative Director to never let anyone find out she could code because she’d be stuck doing it forever; she ignored his warning and has never been happier. You can find her writing, blogging, streaming, and tweeting about React, design, UI, and more @kathryngrayson on Twitter.

Don't miss your chance to see Kathryn Grayson Nanz and many other inspiring speakers at Hover.

Tickets start at $195.

Register Now

The Conference CSS deserves

Register Now

Code of Conduct

For over a decade, we've worked hard to create inclusive, fun, inspring and safe events for the Web Industry.

As part of our commitment to these values, we've adopted a code of conduct for all involved: ourselves, our speakers, our partners and our audience.

If you have any concern or feedback, please don't hesitate to contact us.