Fix grid sizing to be more forcibly 3-columns

Author: bvisness

public/style.css

@@ -7457,10 +7457,10 @@ video {
   grid-template-columns: 1fr;
 }
 .grid-2 {
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .grid-3 {
-  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 .grid-1p {
   grid-template-columns: 100%;

src/rawdata/css/core.css

@@ -288,11 +288,11 @@ video {
 }
 
 .grid-2 {
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
 .grid-3 {
-    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
 .grid-1p {

src/templates/src/include/header-2024.html

@@ -36,7 +36,7 @@
                     <a href="{{ .Header.UserSettingsUrl }}">Settings</a>
                 </div>
             </div>
-            <a class="db dn-ns" href="{{ .Header.LogoutUrl }}">Log Out</a>
+            <a class="db dn-ns" href="{{ .Header.LogoutUrl }}">Log out</a>
         {{ end }}
     </div>
     <div class="root-item f6 {{ if not .User }}bl-ns{{ end }} flex items-stretch">
@@ -58,7 +58,7 @@
 				{{ if .User.IsStaff }}
 					<a href="{{ .Header.AdminApprovalQueueUrl }}">User approvals</a>
 				{{ end }}
-                <a href="{{ .Header.LogoutUrl }}">Log Out</a>
+                <a href="{{ .Header.LogoutUrl }}">Log out</a>
             </div>
         </div>
         {{ end }}