My solution to the so called "Impossible Layout".
Everyone else has been talking about Tailwind CSS lately so I might as well jump on this bandwagon. And, actually, I've not seen anyone state my point of view on it yet so I have something to add.
A common misconception I see is that responsive web development means loading up your CSS files with media queries for everything.
Sometimes you just need a element to shrink or grow in height proportionally with the width.
One of the most annoying things on the web is when a dropdown opens on hover and you move the most diagonally into the dropdown, but in doing so the dropdown disappears because I stopped hovering over the zone that triggers the dropdown to appear.