Can you do it without loading a bunch of heavy scripts? Making a html responsive is always something challenging I face since I'm not a web developer. I just make htmls when I have to share some data visualization. And I couldn't find how to make it responsive without using bootstrap, sth-ui, etc and using their classes and scripts.

I'd love if vanilla CSS just had if statement like thing for "portrait/landscape" or ">threshold/not" for contents width and fonts.