Container Queries in Tailwind CSS

Container queries let components respond to their parent container’s width instead of the whole viewport — perfect for modern, modular design.

With Tailwind CSS v4, you can now use the <span class="@container">…</span> utility and responsive variants like @md: and @max-sm: to make components adaptive to their container size. No extra plugins required.

Curious to see examples, named containers, arbitrary breakpoints, and how this compares to traditional media queries?

Read the full guide : https://lexingtonthemes.com/blog/posts/tailwind-container-queries/