makeshift responsive styling

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>

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;
+  }
 }