From ac5a69c5bdff67e67991ac5fdfae39f2d2f157d3 Mon Sep 17 00:00:00 2001
From: mattkae <mattkae@protonmail.com>
Date: Wed, 14 Dec 2022 21:16:18 -0500
Subject: Updating css around resume and posts for small screens

---
 posts.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'posts.css')

diff --git a/posts.css b/posts.css
index e9e5abc..169a18d 100644
--- a/posts.css
+++ b/posts.css
@@ -1,11 +1,18 @@
 #tag_list {
-  width: 100%;
+  width: 65%;
   display: grid;
+  margin: auto;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 8px;
   row-gap: 8px
 }
 
+@media (max-width: 767.98px) {
+  #tag_list {
+    width: 100%;
+  }
+}
+
 #tag_list  button {
   padding: 16px;
   cursor: pointer;
-- 
cgit v1.2.1


From 3bf3164c369a10a755166c1e45b8be9c22f1a3be Mon Sep 17 00:00:00 2001
From: mattkae <mattkae@protonmail.com>
Date: Wed, 14 Dec 2022 21:21:37 -0500
Subject: Updated the tag buttons stlyling

---
 posts.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

(limited to 'posts.css')

diff --git a/posts.css b/posts.css
index 169a18d..f07381c 100644
--- a/posts.css
+++ b/posts.css
@@ -4,7 +4,7 @@
   margin: auto;
   grid-template-columns: repeat(3, 1fr);
   column-gap: 8px;
-  row-gap: 8px
+  row-gap: 16px
 }
 
 @media (max-width: 767.98px) {
@@ -13,15 +13,22 @@
   }
 }
 
-#tag_list  button {
-  padding: 16px;
+#tag_list button {
+  padding: 12px 0px;
   cursor: pointer;
   border: 1px solid transparent;
   border-radius: 3px;
   font-family: inherit;
-  font-size: 16px;
+  font-size: 14px;
   width: 100%;
   height: 100%;
+  color: black;
+  background-color: transparent;
+  border: 2px solid black;
+}
+
+#tag_list button:hover {
+  background-color: lightgray;
 }
 
 #post_list {
-- 
cgit v1.2.1