What is the way to do this

Many of the media/photos are not adjusting properly to the width/height.
Is there a way to have all media adjust?

If you need parts of the page to behave differently based on screen size, then you need to explicitly set different CSS rules based on media queries. There isn’t a magic bullet, I’m afraid.

It depends on what you want to achieve exactly. Would something like img {width: 100%; height:auto} be what you’re looking for? And there’s an overflow: hidden setting or something similar which could help
Setting the images instead with css property “background-image” and using the “background-size” property might be useful too

I want all images to behave the same when resizing, would that make it easier?