Re: CONTEST: design loyce.club home page

Quote from: FatFork on January 28, 2021, 12:15:23 AM

Code:

@media (min-width: 992px) {
.xBlank {
padding-top: calc(4rem + 104px);
padding-bottom: 17rem;
}

Thanks, this worked!

Quote

Maybe change the color from black to dark gray like the font color. On your example:

Code:

code {
font-size: 87.5%;
color: #888888;
word-break: break-word;
border: 1px solid #888888;
}

This adds a border around every line, while I want/need a border around the entire code tags. See this page.[/quote]

Quote from: bitmover on January 28, 2021, 03:23:09 AM

You can try this, github code tag style, which is very common:

Code:

code
{ padding: .2em .4em;
margin: 0;
background-color: rgb(243 244 244);
border-radius: 6px;
}

This has the same problem: there is white space between the lines.

Quote

I think you should go to a full minimalist page or a beautiful responsive page with a 100-200kb css file like the one you are working on. It is hard to have a beautiful responsive layout with a 10kb css file...

I don't mind the file size, but it makes it so much harder to find which part causes something.