koh libong entry

themes/bluewater/assets/style.css

@@ -1398,6 +1398,11 @@ video {
   margin-right: 1rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
 .mt-12 {
   margin-top: 3rem;
 }
@@ -1480,10 +1485,32 @@ video {
   height: 2.5rem;
 }
 
+.h-auto {
+  height: auto;
+}
+
 .max-h-96 {
   max-height: 24rem;
 }
 
+.max-h-min {
+  max-height: -webkit-min-content;
+  max-height: -moz-min-content;
+  max-height: min-content;
+}
+
+.max-h-fit {
+  max-height: -webkit-fit-content;
+  max-height: -moz-fit-content;
+  max-height: fit-content;
+}
+
+.max-h-max {
+  max-height: -webkit-max-content;
+  max-height: -moz-max-content;
+  max-height: max-content;
+}
+
 .min-h-\[80vh\] {
   min-height: 80vh;
 }
@@ -1528,6 +1555,10 @@ video {
   max-width: 24rem;
 }
 
+.max-w-full {
+  max-width: 100%;
+}
+
 .grow {
   flex-grow: 1;
 }
@@ -1540,6 +1571,16 @@ video {
   cursor: pointer;
 }
 
+.columns-1 {
+  -moz-columns: 1;
+       columns: 1;
+}
+
+.auto-rows-min {
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+}
+
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1871,6 +1912,11 @@ video {
     width: 66.666667%;
   }
 
+  .md\:columns-3 {
+    -moz-columns: 3;
+         columns: 3;
+  }
+
   .md\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }

themes/bluewater/layouts/partials/post-gallery.html

@@ -1,9 +1,9 @@
 {{ $image := (.Page.Resources.ByType "image") }}
 {{ with $image }}
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+    <div class="columns-1 md:columns-3 gap-4 not-prose">
         {{ range . }}
             {{ $resized := .Resize "512x webp q70" }}
-            <a href="{{ .Permalink }}" data-lightbox="x"><img src="{{ $resized.Permalink }}" /></a>
+            <a class="" href="{{ .Permalink }}" data-lightbox="x"><img class="mb-4 rounded-lg" src="{{ $resized.Permalink }}" /></a>
         {{ end }}
     </div>
 {{ end }}