i've been trying to fix this header layout all morning and it's driving me insane. whenever you set an aspect ratio on a child inside a flex container, the browser just ignores it if there's any extra space.
>it should respect the ratio regardless of the flex basis.item {aspect-ratio: 1 / 1;flex: 0 1 auto;}it basically behaves like it's not even there once the content grows. does anyone actually have a working setup for this without using some ridiculous padding hack?