/resp/ - Responsive Design

lets try building a single component using only intrinsic sizing instead of media queries. the goal is to avoid any

@media (min-width: 768px)

declarations and rely entirely on flexbox or grid properties like minmax. it is easy to get stuck in the habit of breakpoint hunting when we could be using more fluid logic.
>designing for content, not screen width
post your results and show us how you handled the layout shifts it usually ends up being much cleaner than i expected w/o using any fixed pixel widths in your final css.