Tag: #media queries
- Takes 8 min to read.
Look Ma, No Media Queries! Responsive Layouts with CSS Grid
In this article, we’ll start dipping our toes into the power of CSS Grid by building a couple of common responsive navigation layouts. It’s easier than what you may think, and since CSS Grid was built with responsiveness in mind, it’ll take less code than writing media queries all over the place.
- Takes 2 min to read.
Responsive Background Images with image-set
When we talk about responsive images, we tend to associate it with the HTML way of doing that, using srcset, sizes or the <picture> element. We were able to set different images in CSS using @media queries since forever, but the syntax was a bit cumbersome. However, CSS also has a less-known way of setting different images based on the screen resolution: The image-set() function.