This is because you have multiple instances of .xBlank class selectors in your CSS. Your CSS uses media queries to apply different styles for different media types/devices (responsive web design).
If you want to remove (reduce) vertical white space in the desktop view you need to find the following code in CSS (it should be around line 9745):
@media (min-width: 992px) {
.xBlank {
padding-top: calc(4rem + 104px);
padding-bottom: 17rem;
}
Just change the padding-bottom value and check the result.
Ideally, there should be a rectangle or something around the code tags. The forum makes code tags very obvious that way.
Add this line within the
code tag CSS selector:
border: 1px solid #000000;
Maybe change the color from black to dark gray like the font color. On your example:
code {
font-size: 87.5%;
color: #888888;
word-break: break-word;
border: 1px solid #888888;
}
It feels like the 183 kB
all.css is far too advanced for what I'm using it for.
Yeah, it kind of is. Probably because of the use of media queries for responsive design but I bet you also have a bunch of selectors that you will never even use.