/resp/ - Responsive Design

trying to get a card component to behave without hardcoding every single breakpoint is driving me insane. i want to see if we can ditch the media queries entirely and just use @container with aspect-ratio on the image element. it should scale based on the parent width instead of the viewport which would be way cleaner for reusable components. let's all try to build a single component that switches from landscape to portrait using only container queries this week. if tailwind users want to try it, good luck with those utility classes. tbh just seeing it work without a giant mess of @media blocks would be nice