I’ve been having an issue making my site look good on both a desktop view and a tablet view. The issue comes down to the text size and image size of the about part of my home page.
When I increase the size of my text it looks great from a desktop view of 1200+ PX. But from a tablet view the text is way too big and causes the image to look small in comparison with gaps above and below. (see uploaded image).
If I decrease the size of the text it looks great from a tablet view, but in the desktop view there is a huge gap of white below the text which makes it look unprofessional.
It’s frustrating me. I can either make my website look great on tablets, or great on desktops. But not both. Is there a way to adapt the text size based on the screen resolution of the device viewing the webpage?