Using the experimental CSS feature `@container style()`, showcasing dynamic styling for different product states (new and popular).
-
Updated
Jan 12, 2024 - CSS
Using the experimental CSS feature `@container style()`, showcasing dynamic styling for different product states (new and popular).
Using the `@container` CSS at-rule to conditionally switch emojis based on container height for responsive content.
This laboratory is a react project where I am testing how to use the CSS Container Query and what is the result. I am testing on a single page two containers. One container rules the entire page such as what will be done using a media query and the other one rules the Component1.
🍅 Time management tool designed to boost productivity and focus
Web hecha con Astro 3.0. Visto en los twich de Manz.dev
Add a description, image, and links to the css-container-query topic page so that developers can more easily learn about it.
To associate your repository with the css-container-query topic, visit your repo's landing page and select "manage topics."