#containerqueries
#Development #Techniques
Section layouts · How modern CSS can make them more dynamic ilo.im/167vol by Ahmad Shadeed

_____
#ModernCSS #CssGrid #ContainerQueries #CssClamp #Layouts #Typography #Browser #WebDev #Frontend #CSS
Solved By Modern CSS: Section Layout
Building a typical section design with modern CSS.
ilo.im
October 24, 2025 at 7:59 AM
Dynamic Media/Container Queries Using “if()”, by @css@front-end.social:

https://css-tip.com/dynamic-queries/

#css #conditionals #mediaqueries #containerqueries
Dynamic media/container queries using if()
Use modern CSS to express media queries and container queries differently
css-tip.com
August 25, 2025 at 7:30 PM
Dig into #CSS Container Queries with @miriam.codes & David Herron at OddBird:

Container Queries Videos youtube.com/playlist?list=PL4jAKUtAhpHkH3DMK8JNVPDjvKljPkNVU

For a Better Web oddbird.net/2025/04/08/better-web-8/

Container Queries: A Quick Start Guide oddbird.net/2021/04/05/containerqueries
Container Queries: a Quick Start Guide
Now is the time to begin experimenting with a long requested layout tool.
oddbird.net
July 30, 2025 at 8:56 PM
Modern CSS is cool and all but I've gotten to a point where if I break concentration everything becomes an ancient dialect no one's ever seen before 🫠

#css #moderncss #css4 #frontend #webdesign #webdev #fluidcss #fluidresponsive #containerqueries
May 29, 2025 at 6:17 AM
Container Query for “Is There Enough Space Outside This Element?”, by @chriscoyier@front-end.social (@frontendmasters.com):

https://frontendmasters.com/blog/container-query-for-is-there-enough-space-outside-this-element/

#css #containerqueries
Container Query for “Is There Enough Space Outside This Element?”
frontendmasters.com
May 14, 2025 at 7:30 PM
bram.us Bramus @bram.us · May 7
Custom Properties compute before they inherit ... and by registering a custom property with a certain syntax, CSS knows what to compute it to ... which allows this:
Using Container Query Units Relative to an Outer Container

Container units (e.g. cqi) are only able to reference the closest container. But if you register a custom property and set that higher up, you can get your hands on other containers units.
May 7, 2025 at 9:36 PM
Using Container Query Units Relative to an Outer Container, by @anatudor@mastodon.social (@frontendmasters.com):

https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container/

#css #containerqueries #units
Using Container Query Units Relative to an Outer Container
frontendmasters.com
May 7, 2025 at 8:30 PM
🗂️ From the archives

Learn how to use container units and container queries to enhance an already flexible sidebar layout with some extra design control and full width breakout elements.
Building a breakout element with container units
Learn how to use container units and container queries to enhance an already flexible sidebar layout with some extra design control and full width breakout elements.
buff.ly
March 27, 2025 at 9:04 PM
February 3, 2025 at 2:36 PM
January 27, 2025 at 7:39 PM
#CSS scroll-state() container queries
in Chrome 133!

@container scroll-state(stuck: top) {

}

Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...

nerdy.dev/scroll-state...
January 23, 2025 at 10:09 AM
#css nerds: mayday!

i want to write container queries, but it is extremely tedious to test and verify. there MUST be specific tools for this?

how do you do it?

#frontend #html #containerqueries
January 6, 2025 at 1:12 PM
#CSS scroll-state() container queries:
the "stuck" query

```css
@container scroll-state(stuck: top) {
box-shadow: var(--shadow-5);
border-radius: var(--radius-3);
margin: var(--size-5);
}
```

article coming soon!
(currently in Canary experiments)
December 17, 2024 at 5:39 PM
Container queries #css #containerqueries
December 17, 2024 at 5:27 PM
🪲 Solved By Modern CSS: Feature Image
by @shadeed9.bsky.social @ishadeed.com
Using container queries and CSS :has() to build a feature image.

#css #ContainerQueries #has #FeatureImage #webdev

ishadeed.com/article/mode...
December 13, 2024 at 5:18 AM
🧃 Opting in to CSS container queries for a existing design system
by Georgie Cooke
@heygeorgie@aus.social

#ContainerQueries #css #webdev

hey.georgie.nu/container-qu...
November 12, 2024 at 11:45 PM
📦 A Friendly Introduction to Container Queries
by Josh Comeau @joshwcomeau.com

#ContainerQueries #css #webdev

www.joshwcomeau.com/css/containe...
November 4, 2024 at 6:37 PM
🔴⭕️CSS Container Queries
by Thoriq Firdaus at Hongkiat
#css #webdev #ContainerQueries
www.hongkiat.com/blog/css-con...
August 7, 2024 at 7:36 PM
🟣 What if you used Container Units for… everything?
by Chris Coyier
@chriscoyier at @FrontendMasters
#css #webdev #ContainerQueries
frontendmasters.com/blog/what-if...
August 7, 2024 at 7:27 PM
🔵🟡🔴 How to use container queries now
by Phil Walton
@philwalton at @ChromiumDev
#ContainerQueries #css #webdev
web.dev/blog/how-to-...
July 4, 2024 at 12:14 AM
🔴🔵 "Smart" design patterns with container queries
by Kevin Powell @KevinJPowell
#webdev #css #ContainerQueries
www.youtube.com/watch?v=DHj7...
July 1, 2024 at 3:09 PM
> take container queries, for example. They were the number one feature requested by front-end devs for a looong time. So why don’t we use them more, now that they’re finally here?

https://mxb.dev/blog/old-dogs-new-css-tricks/

#css #webDev #containerQueries
May 29, 2024 at 6:53 PM