Ana Tudor 🐯<p>If you've looked into using <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> style queries, you may have stumbled onto this article by <span class="h-card" translate="no"><a href="https://front-end.social/@Una" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Una</span></a></span> (it's the first search result) <a href="https://developer.chrome.com/blog/style-queries/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/styl</span><span class="invisible">e-queries/</span></a></p><p>One thing that stood out to me was a note about not having range queries yet.</p><p>Well... maybe we do! min() and max() to the rescue!</p><p><a href="https://mastodon.social/tags/CSSvariables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSvariables</span></a> <a href="https://mastodon.social/tags/styleQuery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>styleQuery</span></a> <a href="https://mastodon.social/tags/containerQuery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>containerQuery</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a></p>