search

jacquesramphal / jacquesramphal.github.io

Jacques' personal site and playground
http://ramphal.design
1 stars 0 forks source link

Media / Container Queries + Responsive Components #164

Open jacquesramphal opened 4 months ago

jacquesramphal commented 4 months ago
Screenshot 2024-02-25 at 8 18 17 AM Screenshot 2024-02-25 at 8 18 23 AM
jacquesramphal commented 4 months ago

The New CSS Media Query Range Syntax

https://css-tricks.com/the-new-css-media-query-range-syntax/

@media (400px <= width <= 1000px)

@media (min-width: 400px) and (max-width: 1000px)

jacquesramphal commented 4 months ago

image

jacquesramphal commented 4 months ago

https://css-tricks.com/the-new-css-media-query-range-syntax/#aa-why-the-new-syntax-is-easier-to-understand

Screenshot 2024-02-26 at 8 04 57 PM