How do I Make my website not to enable horizontal scroll on a phone, tablet, or small screens

How do I Make my website not to enable horizontal scroll on a phone, tablet, or small screens but just to make the websites adjust its fonts and everything to make it good-looking for different sized screens? IT always gets wacky on the screen view change.

Sometimes I try to use an actual phone scroll is still

on the bottom and the stuff gets wacky positioned

Again, you have put excessive widths on some stuff causing the empty right side of the page.

Inspect the articles’ paragraphs. Try remove the widths.
Inspect the .btn22 at the bottom. Try remove width and height.

Then reconsider the positioning you use here and there. :slight_smile:

1 Like

Since this is a new thread, your first post should contain the URL to your test page. We need to see the code that creates the problem. Also, have you repaired the validation errors from your previous post? Finally, use more class names in your code and far fewer ids. (Google “id vs class” and read what you find.)

2 Likes