re:white space, I hope you don't mind but I peeked at the source and, well a problem I see is that you have everything in your BODY tag, but it should be like:
HTML tag
HEAD tag, containing your META tags first, the TITLE tag, and also your STYLE tag (CSS) if you don't want to link it as a separate file.
HEAD closes.
BODY tag β no META or STYLE tags within, just all of your html code :)
BODY closes.
HTML closes.
and I see that within your STYLE tags you have ".body" (in two separate places as well, best not to do that) β the dot in the beginning means class, so this would only apply to something that has class="body" added to it, which isn't actually used anywhere in your html β so ".body" does nothing! but if you remove the dot from the beginning, it will apply to all of BODY! which is meant to be all of the visible part of
your website, so setting it to height: 300px would break things, so I'd remove all of that part, and also remove the background from .wrapper, and instead do:
body {
background: lightblue url("https://everest-blooming.neocities.org/Container%20Backgrounds/Boygenius.jpg");
background-size:100%;
background-repeat: no-repeat;
background-attachment: fixed;
(then font-family, font-size)
}
![[ Aegi's Cafe ]
avatar](/site_screenshots/40/61/aegi/index.html.50x50.webp)
re:white space, I hope you don't mind but I peeked at the source and, well a problem I see is that you have everything in your BODY tag, but it should be like: HTML tag HEAD tag, containing your META tags first, the TITLE tag, and also your STYLE tag (CSS) if you don't want to link it as a separate file. HEAD closes. BODY tag β no META or STYLE tags within, just all of your html code :) BODY closes. HTML closes.
and I see that within your STYLE tags you have ".body" (in two separate places as well, best not to do that) β the dot in the beginning means class, so this would only apply to something that has class="body" added to it, which isn't actually used anywhere in your html β so ".body" does nothing! but if you remove the dot from the beginning, it will apply to all of BODY! which is meant to be all of the visible part of
your website, so setting it to height: 300px would break things, so I'd remove all of that part, and also remove the background from .wrapper, and instead do: body { background: lightblue url("https://everest-blooming.neocities.org/Container%20Backgrounds/Boygenius.jpg"); background-size:100%; background-repeat: no-repeat; background-attachment: fixed; (then font-family, font-size) }