#Development #Techniques
Solved by modern CSS: feature image · Feature image with container queries and :has() https://ilo.im/161bsv

_____
#ModernCSS #Image #ContainerQueries #CssHas #Viewport #Browser #WebDev #Frontend #HTML. #CSS

#Development #Approaches
Making content-aware components · A technique using CSS :has(), grid, and quantity queries https://ilo.im/160lmc

_____
#Layout #Content #DesignSystem #UiDesign #WebDev #Frontend #CSS #CssHas #CssGrid #QuantityQuery

#Development #Guides
CSS Grid areas · A great way to have a visual of the grid layout in CSS https://ilo.im/15zkbm

_____
#Layout #Grid #Visualization #WebDev #Frontend #CSS #CssGrid #CssHas

🟢🔴 Some little ways I’m using CSS :has() in the real world
by Andy Bell
@belldotbz @belldotbz
#css #csshas #pseudoclass #webdev

https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/

#css #csshas The following is some handy CSS I found out today:

`&:has(:active)`

I use it on a "card" class with a button and linked image inside of it, but it can be useful at so many places.

#Development #Techniques
Going beyond constants with custom properties · CSS variables make your life as a front-end developer much easier https://ilo.im/13xj1y

_____
#CSS #CustomProperties #CssVariables #WebDevelopment #WebDev #Frontend #JavaScript #GridSystem #ProgressiveEnhancement #Buttons #ContainerQueries #CssHas