tweaks to the content responsiveness and header padding

more readability stuff for desktop without (hopefully) affecting the
mobile experience much
This commit is contained in:
Brian S. Stephan 2022-04-18 07:44:05 -05:00
parent a42ce34aad
commit 9a65dfffaf
Signed by: bss
GPG Key ID: 3DE06D3180895FCB
3 changed files with 10 additions and 11 deletions

View File

@ -12,11 +12,11 @@ body {
}
.site-wrap-normal-width {
max-width: 70pc;
max-width: 80pc;
}
.site-wrap-double-width {
max-width: 140pc;
max-width: 160pc;
}
.site-wrap {
@ -50,7 +50,7 @@ div.header {
display: flex;
justify-content: space-between;
font-size: 0.75em;
padding: 0.25em 0.5em;
padding: 0.5em 1em;
}
div.header a {
@ -63,6 +63,13 @@ div.content {
line-height: 1.6em;
}
@media only screen and (min-width: 70pc) {
div.content {
margin-left: 5pc;
margin-right: 5pc;
}
}
div.content p {
margin: 1.25em 0;
}

View File

@ -15,10 +15,6 @@ strong {
.site-wrap {
background: black;
border: 1px solid #222;
border-top: none;
border-bottom: none;
}
h1, h2, h3, h4, h5, h6 {

View File

@ -15,10 +15,6 @@ strong {
.site-wrap {
background: white;
border: 1px solid #DDD;
border-top: none;
border-bottom: none;
}
h1, h2, h3, h4, h5, h6 {