finishing touches 3.0

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)
 

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);
   }
 }