Container queries

• Different screen sizes - media queries (blunt tool)
• Reusable components (granular control) - Intrinsic-based architecture - Dictates its responsive logic
• Container queries (responsive style)
• Container queries + flex + grid (new entry point)
• Containment (43 ep)
• inline vs block (logical props)
• Container name (like grid-area) - optional - best practice
• Short-hand - container name (emoji names): inline-size
• @container - look at the parent

Nice