From 69b890ed09ecf19ca1d49bb0769962f590e1a918 Mon Sep 17 00:00:00 2001
From: danb <danb@ha.si>
Date: Wed, 23 Oct 2024 13:12:57 +0200
Subject: [PATCH] Fix grid and margins/paddings

---
 data/template.sgt | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/data/template.sgt b/data/template.sgt
index 0a9abb4..c98469a 100644
--- a/data/template.sgt
+++ b/data/template.sgt
@@ -30,6 +30,9 @@ output-format:
     <link rel="icon" type="image/x-icon" href="/todo.fav.jpg">
     <style>
       body {
+        margin: 2rem;
+        padding: 0;
+
         background-image: url("pics/background.png");
         background-repeat: repeat;
         background-size: 200pt;
@@ -117,8 +120,6 @@ output-format:
       .title-gfx {
         width: 100%;
 
-        padding: 2rem;
-
         text-align: center;
       }
 
@@ -128,7 +129,7 @@ output-format:
 
       .graphics-grid {
         display: grid;
-        grid-template-columns: repeat(1, 1fr);
+        grid-template-columns: repeat(1, minmax(0, 1fr));
         
         gap: 1rem;
 
@@ -164,11 +165,11 @@ output-format:
       }
 
       @media (min-width: 1200px) {
-        .graphics-grid { grid-template-columns: repeat(2, 1fr); }
+        .graphics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
       }
 
       @media (min-width: 1500px) {
-        .graphics-grid { grid-template-columns: repeat(3, 1fr); }
+        .graphics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
       }
     </style>
   </head>