JS Party: JavaScript, CSS, Web Development cover image

Tiny CSS Projects

JS Party: JavaScript, CSS, Web Development

00:00

Using a Media Query to Create Different Layouts for Different Devices

The grid area can be combined with a media query to create different layouts for different devices. But the way it's being coded could be different to the visual order, which is true of flex too. If your grid now magically has this element that in the HTML order is at the bottom, but you've placed it at the top, your tab order is going to go all sorts of which way inside of your grid,. well, your screen reader is going to read it in the DOM order as well.

Transcript
Play full episode

The AI-powered Podcast Player

Save insights by tapping your headphones, chat with episodes, discover the best highlights - and more!
App store bannerPlay store banner
Get the app