YUNOVA · Bootstrap & Tailwind · Module 10: Advanced Tailwind

Container queries in Tailwind

Notes for offline study · 4 November 2026

Container queries in Tailwind

Key points

  • Container queries style elements by their parent's width, not the viewport.
  • Mark a parent with @container, then use variants like @md: on children.
  • They make components responsive wherever they are placed.