RT jhey 🔨🐻✨
A question in the replies about the CSS container query types and it reminded me of these demos over on @CodePen 😅
These were for an article about container queries and creating the Peter Griffin blinds 👀
Resize container to style the beard 😂
Grab the @css article below 👇
<div class="rsshub-quote">
jhey 🔨🐻✨: CSS Tip! ✨
You can make your component styles portable with container queries 😎
Change a card layout based on size 🔥
Remove button text when it's small 🤏
.card {container-type: inline-size;}
@ container (min-width: 50ch) {.info { grid-column: 2; }}
@CodePen link below 👇
</div>
https://twitter.com/jh3yy/status/1686455402202808320