BlogPost mobile fix

This commit is contained in:
Firq 2023-03-08 21:08:27 +01:00
parent f275db017f
commit 22a5127ad0
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
2 changed files with 19 additions and 4 deletions

View file

@ -27,14 +27,14 @@ const date = new Date(frontmatter.pubDate).toLocaleDateString('en-GB', options_d
<style>
h1 {
color: white;
margin: 0.5rem 0px 0.5rem 15rem;
margin: 0.5rem 3rem 0.5rem 3rem;
padding: 0.25rem 0.75rem;
width: max-content;
background-color: var(--c-darkgray);
}
p {
color: white;
margin: 0.5rem 0px 0.5rem 15rem;
margin: 0.5rem 3rem 0.5rem 3rem;
padding: 0.25rem 0.75rem;
width: max-content;
background-color: var(--c-gray);
@ -51,7 +51,7 @@ const date = new Date(frontmatter.pubDate).toLocaleDateString('en-GB', options_d
}
article {
color: white;
margin: 0.5rem 15em 0.5rem 15rem;
margin: 0.5rem 3rem 0.5rem 3rem;
font-size: 1.1em;
padding-bottom: 5rem;
}
@ -63,4 +63,19 @@ const date = new Date(frontmatter.pubDate).toLocaleDateString('en-GB', options_d
font-weight: bold;
color: orange;
}
@media (min-width: 1500px) {
article {
margin-left: 15rem;
margin-right: 15rem;
}
h1 {
margin-left: 15rem;
margin-right: 15rem;
}
p {
margin-left: 15rem;
margin-right: 15rem;
}
}
</style>

View file

@ -51,4 +51,4 @@ But in general, this whole thing is a hobby-project which aims to enhance my web
Thanks for reading, and until next time
~ Firq
**~ Firq**