From e4a4e01618c7a5c054fe653afa0bcda2730dc246 Mon Sep 17 00:00:00 2001
From: realaravinth <realaravinth@batsense.net>
Date: Mon, 1 Nov 2021 08:51:25 +0530
Subject: [PATCH] makeshift responsive styling

---
 templates/index.html | 10 ++++++++++
 templates/main.css   | 11 ++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/templates/index.html b/templates/index.html
index 85dac3d..d72806a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -50,5 +50,15 @@
     h1 {
       font-size: 3rem;
     }
+
+    @media screen and (max-width: 1200px) {
+      main {
+        width: 90%;
+      }
+
+      img {
+        display: block;
+      }
+    }
   </style>
 </html>
diff --git a/templates/main.css b/templates/main.css
index da59c78..85197a2 100644
--- a/templates/main.css
+++ b/templates/main.css
@@ -23,5 +23,14 @@ p {
 img {
   margin: auto;
   max-width: 80%;
-  /*! display: block; */
+}
+
+@media screen and (max-width: 1200px) {
+  main {
+    width: 90%;
+  }
+
+  img {
+    display: block;
+  }
 }