dogeystamp/wb5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css/style.css: improve spacing/responsiveness

Browse Source
This commit is contained in:
dogeystamp 2023-08-17 15:37:43 -04:00
parent 6dc9541ab8
commit c096c9aaf3
Signed by: dogeystamp
GPG Key ID: 7225FE3592EFFA38
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
public/css/style.css
View File

@ -44,8 +44,7 @@ so here's the license
body { body {
font-family: Inter, sans-serif; font-family: Inter, sans-serif;
min-width: 20em; max-width: 50em;
width: 70vmin;
margin: auto; margin: auto;
background: #101010; background: #101010;
color: #ffffff; color: #ffffff;
@ -54,7 +53,8 @@ body {
.header { .header {
margin-top: 2%; margin-top: 2%;
margin-bottom: 5%; display: flex;
align-items: center;
} }
.header b { .header b {
@ -81,9 +81,10 @@ nav {
} }
article { article {
hyphens: auto; hyphens: auto;
padding: 1em;
} }
article p { article p {
margin: 1rem; margin: 1rem 1em;
line-height: 1.5; line-height: 1.5;
} }
h1,h2,h3,h4 { h1,h2,h3,h4 {
@ -117,10 +118,10 @@ img {
.logo { .logo {
border: none; border: none;
max-width: 4vh; max-width: 3em;
position: relative; position: relative;
top: 1.4vh; top: .22em;
margin-right: 0.25em; margin-right: 0.45em;
} }
blockquote { blockquote {
@ -182,3 +183,19 @@ p, pre, table, blockquote {
margin-left: 1rem; margin-left: 1rem;
text-align: justify; text-align: justify;
} }
@media only screen and (max-device-width: 800px) {
.header {
flex-flow: column nowrap;
margin-bottom: 0em;
}
.logo {
display: none;
}
.header b {
margin-right: 0;
margin-bottom: 0.3em;
margin-top: 0.5em;
font-size: 125%;
}
}