improved projects page

1 files changed, 36 insertions, 0 deletions

diff --git a/style/main.scss b/style/main.scss
index 5afd75a..95883ed 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -3,6 +3,10 @@
 
 @import 'normalize';
 
+* {
+  box-sizing: border-box;
+}
+
 body {
   background-color: #31363b;
   font-family: 'Roboto Mono', monospace;
@@ -96,4 +100,36 @@ main ul {
       left: 0;
     }
   }
+}
+
+.projects {
+  display: flex;
+
+  .project {
+    padding: 8px;
+    color: black;
+    text-decoration: none;
+    background-color: #93a1a1;
+    margin: 8px;
+    outline: none;
+
+    &:hover, &:focus {
+      background-color: #b8c5c5;
+    }
+
+    img {
+      width: 100%;
+    }
+    
+    header {
+      padding: 8px;
+      font-style: italic;
+    }
+  }
+}
+
+@media screen and (max-width: 425px) {
+  .projects {
+    flex-wrap: wrap;
+  }
 }
\ No newline at end of file