From 5864d72e4dc0e09b2087d8a1d5604c2b0ec8a640 Mon Sep 17 00:00:00 2001
From: CDaut <git@cdaut.de>
Date: Mon, 27 Jun 2022 11:30:14 +0200
Subject: [PATCH] made pages responsive to screen sizes

---
 markdownblog/markdownblog/static/base.css              | 10 ++++++++++
 markdownblog/markdownblog/templates/blog/index.html    |  2 +-
 markdownblog/markdownblog/templates/blog/viewpost.html |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/markdownblog/markdownblog/static/base.css b/markdownblog/markdownblog/static/base.css
index 1d2b625..3cfe968 100644
--- a/markdownblog/markdownblog/static/base.css
+++ b/markdownblog/markdownblog/static/base.css
@@ -14,4 +14,14 @@
 .postlink {
     margin-left: 1.5em !important;
     color: #039be5 !important;
+}
+
+header, main, footer {
+    padding-left: 300px;
+}
+
+@media only screen and (max-width: 992px) {
+    header, main, footer {
+        padding-left: 0;
+    }
 }
\ No newline at end of file
diff --git a/markdownblog/markdownblog/templates/blog/index.html b/markdownblog/markdownblog/templates/blog/index.html
index 8cee3e1..66dde86 100644
--- a/markdownblog/markdownblog/templates/blog/index.html
+++ b/markdownblog/markdownblog/templates/blog/index.html
@@ -12,7 +12,7 @@
 {% endblock %}
 {% block content %}
     {% autoescape off %}
-        <div class="col s10 offset-s1">
+        <div class="col s12">
             {{ html }}
         </div>
     {% endautoescape %}
diff --git a/markdownblog/markdownblog/templates/blog/viewpost.html b/markdownblog/markdownblog/templates/blog/viewpost.html
index 47d7bae..e419afd 100644
--- a/markdownblog/markdownblog/templates/blog/viewpost.html
+++ b/markdownblog/markdownblog/templates/blog/viewpost.html
@@ -12,7 +12,7 @@
 {% endblock %}
 {% block content %}
     {% autoescape off %}
-        <div class="col s10 offset-s1">
+        <div class="col s12">
             {{ html }}
         </div>
     {% endautoescape %}