feat: count content width (desktop) by window width

feat: raise a bit width conditions for column count

1 files changed, 12 insertions, 2 deletions

diff --git a/static/input.css b/static/input.css
index 3c715a1..803b0f8 100644
--- a/static/input.css
+++ b/static/input.css
@@ -409,7 +409,7 @@ a:hover, .linklike:hover {
     }
 }
 
-@media (width >= 40rem) {
+@media (width >= 48rem) {
     .grid-item, .grid-sizer {
         width: 25%;
     }
@@ -419,7 +419,7 @@ a:hover, .linklike:hover {
     }
 }
 
-@media (width >= 48rem) {
+@media (width >= 64rem) {
     .grid-item, .grid-sizer {
         width: 20%;
     }
@@ -444,6 +444,7 @@ a:hover, .linklike:hover {
     font-weight: 600 !important;
     color: var(--main-light-color) !important;
     padding-bottom: 1rem !important;
+    margin-bottom: 0 !important;
 }
 
 .glightbox-clean .gslide-desc {
@@ -461,6 +462,15 @@ a:hover, .linklike:hover {
     padding: 1rem 1rem !important;
 }
 
+.glightbox-container .ginner-container {
+    height: 100dvh !important;
+}
+
+.gslide-description {
+    flex-grow: 0;
+    flex-shrink: 1;
+}
+
 .map-container .leaflet-container {
     width: 100% !important;
     height: 100% !important;