BlogPost mobile fix
This commit is contained in:
parent
f275db017f
commit
22a5127ad0
2 changed files with 19 additions and 4 deletions
|
@ -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>
|
|
@ -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**
|
||||
|
|
Loading…
Reference in a new issue