why cant i simply define a list of compression methods (things like reducing gap sizing, changing element text to shorter versions, collapsing elements, even hiding elements entirely, etc.) and then tell the parent container if there is any strain then apply these compression methods in priority order.Stain is simply defined as "if any child elements text would produce breaking at this size, or if any child elements would overlap".THERE. I just fixed responsive css and it took me literally 5 minutes to think of and its INFNITELY better than this media query bullshit we currently have where you have to guesstimate at which sizes things are going to overlap which is entirely fucking impossible because you dont always know the text content of elements which dictate their size.
Modern HTML/CSS/JS is the result of years of adding one bullshit thing after another to standards that were already defined and working.