On desktop screens my website looks fine but when I change the scale to like a phone screen then this happens:Screenshot

The website just doesn't fit anymore.

Here is the src code: https://github.com/MusmanTech/musmantech.github.io

CodePudding user response：

You'll need to study responsive web design.

You can find out more info over at w3schools:

https://www.w3schools.com/css/css_rwd_intro.asp

That should help you get started.

Sites are normally built mobile-first these days, and then expanded with additional functionality for larger viewports.

You'll basically apply different styles to elements, based upon the media queries you setup.

I like the design of your site though, and the parallax effect is nice.