fix: Blog posts overflow on mobile

2022-06-01 12:21:07 +02:00
parent 31fa02adc4
commit 8b0a3cb9c0
2 changed files with 6 additions and 2 deletions
--- a/assets/css/blog.css
+++ b/assets/css/blog.css
@@ -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 */