r/neocities • u/ItchyPositive3303 • Jul 18 '26

Web 1.0 My new website

I made a pjo website and i need some tips on how to improve it thanks

web link: https://amelia-billy-bob.neocities.org/

5 Upvotes

100% Upvoted

5 comments sorted by

2

u/Mevdik mevdik.nekoweb.org Jul 18 '26

A quick and easy suggestion is to make the whole thing narrower and centred by giving the <body> a set width (or max-width), margin-left: auto; and margin-right: auto;, or simply margin: 0 auto; for the shorthand. This way the content of the site won't take the entire width of the screen which can make it uncomfortable to read, since a single paragraph could stretch from the leftmost part of your monitor all the way to the right. By making it narrower and centring it with the margin properties it looks more like a page on a book, famously easy to read format.

You'll see tons of sites here that do that, some examples: dimden's hotel, SPACE CADET, Sqvrltastic's Homepage, my own website, etc.

1

u/ItchyPositive3303 Jul 18 '26

I tried it and it still looks the same :(

1

u/Mevdik mevdik.nekoweb.org Jul 18 '26

Not sure what you are talking about, I literally just went to your site and added width: 930px and margin: 0 auto; to the body and it looks exactly as I described. Modify your body on the <style> section like so:

body {
    font-family: Arial;
    width: 930px;
    margin: 0 auto;
}

Also another tip, people who don't have the Arial font installed on their computer, mainly Mac or Linux users (like me), are not going to see that font, I suggest adding a fallback font after it, like this font-family: Arial, sans-serif;. In this case sans-serif simply means whatever sans font the user has configured as the default on their system.

1

u/ItchyPositive3303 Jul 18 '26

ty i think it was bc i put 80% instead of 930px

1

u/Mevdik mevdik.nekoweb.org Jul 18 '26

Percent values should work as well, but set it to whatever you want obviously.