From 8bb2119be1935c4d2d943dc76a05782e58dc1983 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Thu, 5 Jan 2017 13:29:48 +0100
Subject: improved projects page

---
 style/main.scss | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

(limited to 'style/main.scss')

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
-- 
cgit v1.1