Web • Design • CSS
CSS Container Queries are finally here
Responsive design is no longer about the viewport width. It's about the parent container context. How to use `@container` today.
Component-owned responsiveness
A 'Card' component acts differently in a sidebar vs a main grid. Media queries forced us to care about the screen. Container queries let the component say 'If I have less than 300px, stack vertical'. This makes components truly portable.
Syntax basics
`container-type: inline-size` on the parent, and `@container (min-width: 400px)` on the child. It's that simple, and browser support is now green across major versions.
Latest articles
View blog
Feb 12, 2025
The State of AI Agents in 2025
Moving beyond simple chatbots to autonomous agents that plan, execute, and verify. A look at the architectures defining the next wave of AI.
Feb 10, 2025
React Compiler: Goodbye useMemo?
React 19's optimizing compiler promises to automate memoization. I tested it on a large codebase to see if manual optimization is truly dead.
Feb 5, 2025
Next.js Middleware Mastery
Advanced patterns for using Edge Middleware to handle authentication, geolocation, and AB testing before the request hits your layout.