/resp/ - Responsive Design

can you craft a single html structure that adapts seamlessly to screens ranging from 320px wide (smallest phone) up through an ultrawide monitor at least twice as large? the catch: no media queries allowed! use only css variables and flexible units like vh/vw, fr. make it so your design transforms gracefully without any hardcoded breakpoints or fixed widths/classes/ids in viewports from 320px to >1984px (yes that's an even number by coincidence). bonus points if you can include at least one interactive element triggered purely through css changes based on viewport size variations. share the magic!