Switch to handlebars for templating

2 files changed, 27 insertions, 27 deletions

diff --git a/src/css/mobile-styles.css b/src/css/mobile-styles.css
new file mode 100644
index 0000000..36553cc
--- /dev/null
+++ b/src/css/mobile-styles.css
@@ -0,0 +1,23 @@
+@media screen and (min-width: 900px) {
+    body {
+        width: 100%;
+        /* margin: auto; */
+    }
+    .card-img {
+        display: flex;
+        flex-flow: row wrap;
+        align-content: flex-start;
+    }
+    .card img {
+        width: 400px;
+    }
+    form input[type=text], input[type=password], input[type=email] {
+        max-width: 600px;
+    }
+    form textarea {
+        max-width: 600px;
+    }
+    form input[type=submit] {
+        margin-left: 0px;
+    }
+}
\ No newline at end of file
diff --git a/src/css/styles.css b/src/css/styles.css
index 522b007..f406104 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -11,8 +11,9 @@
   
 
 body {
-    width: 100%;
-    margin: 0px;
+    width: 80%;
+    margin: auto;
+    /* margin: 0px; */
     background-color: var(--background); 
     font-family: Arial, Helvetica, sans-serif;
 }
@@ -93,7 +94,7 @@ a {
     width: 100%;
 }
 .feed {
-    width: 80%;
+    /* width: 80%; */
     min-width: 200px;
     margin: auto;
     display: flex;
@@ -109,30 +110,6 @@ p {
     margin-top: 0;
 }
 
-@media screen and (min-width: 900px) {
-    body {
-        width: 100%;
-        /* margin: auto; */
-    }
-    .card-img {
-        display: flex;
-        flex-flow: row wrap;
-        align-content: flex-start;
-    }
-    .card img {
-        width: 400px;
-    }
-    form input[type=text], input[type=password], input[type=email] {
-        max-width: 600px;
-    }
-    form textarea {
-        max-width: 600px;
-    }
-    form input[type=submit] {
-        margin-left: 0px;
-    }
-}
-
 .titlebar {
     padding: 5px;
     border-top: 1px solid var(--light-text);