fix: Blog posts overflow on mobile
This commit is contained in:
parent
31fa02adc4
commit
8b0a3cb9c0
@ -33,7 +33,7 @@ h1, h2, h3, h4 {
|
||||
|
||||
.post {
|
||||
display: block;
|
||||
max-width: 1000px;
|
||||
width: 100%;
|
||||
|
||||
padding: 10px;
|
||||
|
||||
@ -48,6 +48,10 @@ h1, h2, h3, h4 {
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.stretch-horizontally {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.page-title {
|
||||
/* The page header title otherwise overflows the page on small screens */
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="horizontal-center">
|
||||
<div class="horizontal-center stretch-horizontally">
|
||||
<div class="post">
|
||||
<article>
|
||||
<h1>{{ title }}</h1>
|
||||
|
Reference in New Issue
Block a user