polynom.me/blog.polynom.me
Archived
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

fix: Blog posts overflow on mobile

Browse Source
This commit is contained in:
PapaTutuWawa 2022-06-01 12:21:07 +02:00
parent 31fa02adc4
commit 8b0a3cb9c0
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/blog.css
View File

@ -33,7 +33,7 @@ h1, h2, h3, h4 {
.post { .post {
display: block; display: block;
max-width: 1000px; width: 100%;
padding: 10px; padding: 10px;
@ -48,6 +48,10 @@ h1, h2, h3, h4 {
max-width: 1000px; max-width: 1000px;
} }
.stretch-horizontally {
width: 100%;
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.page-title { .page-title {
/* The page header title otherwise overflows the page on small screens */ /* The page header title otherwise overflows the page on small screens */

2
layout/post.html
View File

@ -1,4 +1,4 @@
<div class="horizontal-center"> <div class="horizontal-center stretch-horizontally">
<div class="post"> <div class="post">
<article> <article>
<h1>{{ title }}</h1> <h1>{{ title }}</h1>