From 1e8c4b1149402e8d16d7d3bb31bf3bed2e90eed1 Mon Sep 17 00:00:00 2001
From: onomanapeia <pink.hitsuji@gmail.com>
Date: Fri, 13 Sep 2024 22:07:02 -0500
Subject: [PATCH] finishing touches 3.0

---
 content/picrew/index.md |  3 ++-
 static/css/style.css    | 20 ++++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/content/picrew/index.md b/content/picrew/index.md
index eb952f8..fb9ce15 100644
--- a/content/picrew/index.md
+++ b/content/picrew/index.md
@@ -2,7 +2,8 @@
 title = "picrews i've made"
 +++
 I started playing with picrew when I first began seeing them being circulated in 2021 or so, and have collected many over the years! only recently have I begun to document & save the links to them, so if you have links to any of these picrews, please contact me so I can link back to them!! (I have lost some over the years ;w;)
-<div class="three-column">
+
+<div class="four-column">
 
 [![](download20240700122737.png)](https://picrew.me/en/image_maker/2307052)
 
diff --git a/static/css/style.css b/static/css/style.css
index dd4a228..a1d031a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -162,6 +162,10 @@ pre {
   padding: 0 .5em;
 }
 
+.navtoc p {
+  margin: 0;
+}
+
 .center {
   text-align: center;
 }
@@ -322,7 +326,7 @@ hr {
   }
 }
 
-.three-column {
+.four-column {
   display:flex;
   flex-wrap:wrap;
   width:98%;
@@ -330,25 +334,25 @@ hr {
   text-align: center;
 }
 
-.three-column > * {
+.four-column > * {
   width:100%;
   justify-content: center;
   align-items: center;
   align-content: space-evenly;
 }
 
-.three-column img {
-  max-width: 80%;
-  padding: 1em;
+.four-column img {
+  max-width: 390px;
+  justify-content: space-evenly;
 }
 
-.three-column p {
+.four-column p {
   margin: 0;
 }
 
 @media (min-width:768px) {
-  .three-column > * {
-      width:calc(99% / 3);
+  .four-column > * {
+      width:calc(100% / 4);
   }
 }