From b041e8233a6cad8fa3c30d257a306c71855a0f39 Mon Sep 17 00:00:00 2001
From: jonathan <uuupah@gmail.com>
Date: Sun, 5 Mar 2023 14:13:25 +1030
Subject: [PATCH] added background colours to subject tiles

---
 src/_includes/styles.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/_includes/styles.css b/src/_includes/styles.css
index e0504e6..a200a65 100644
--- a/src/_includes/styles.css
+++ b/src/_includes/styles.css
@@ -125,9 +125,11 @@ aside {
   height: 100px;
   border-radius: 60px;
   border: 5px solid var(--border);
+  background-color: var(--border);
   /* top: -70px; */
   z-index: 1;
   position: relative;
+  color: var(--container)
 }
 
 nav {
@@ -160,6 +162,12 @@ nav {
   width: 230px;
 }
 
+.link_tiles_grid>a>img {
+  background-color: var(--border);
+  height: 230px;
+  color: var(--container)
+}
+
 @media all and (max-width: 1100px) {
   body {
     flex-direction: column-reverse;
@@ -218,13 +226,21 @@ nav {
     width: calc((100vw - 100px)/3);
   }
 
+  .link_tiles_grid>a>img {
+    max-height: 230px;
+    height: calc((100vw - 100px)/3);
+  }
+
   /* switch to two tiles when it gets really small */
     @media all and (max-width: 545px) {
       .link_tiles_grid>a,
       .link_tiles_grid>a>img {
-        max-width: 230px;
         width: calc((100vw - 85px)/2);
       }
+
+      .link_tiles_grid>a>img {
+        height: calc((100vw - 100px)/2);
+      }
     }
 }