making websites mobile friendly can be hard, but here's something to help out a little bit.
put this in your <head> tag:
<meta name="viewport" content="width=device-width, initial-scale=1.0">this makes it so your site doesn't show up all zoomed out when people look at it on their phone, it'll start off at the same width as your content.
i make sure it goes on every site i make, so it's easier for people to view from their phone where most people are probably finding my website through like the bluesky app or something.