Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases172 Packages1 Wiki Activity Actions

BlogPost mobile fix

Browse source
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
src/layouts
blogPost.astro

21
src/layouts/blogPost.astro
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>