diff --git a/src/resources/css/extends/grid.css b/src/resources/css/extends/grid.css
index 75a0fdc..569ce31 100644
--- a/src/resources/css/extends/grid.css
+++ b/src/resources/css/extends/grid.css
@@ -1,7 +1,25 @@
 .auto-cols-max-fr {
-    grid-template-column: max-content 1fr;
+    grid-template-columns: max-content 1fr;
 }
 
+.auto-cols-max-fr-max {
+    grid-template-columns: max-content 1fr max-content;
+}
+
+.auto-cols-fr-max {
+    grid-template-columns: 1fr max-content;
+}
+
+.auto-cols-fr-min {
+    grid-template-columns: 1fr min-content;
+}
+
+.auto-cols-fr-auto {
+    grid-template-columns: 1fr auto;
+}
+
+/** Hexagon stuff **/
+
 .hexagon-container {
     --s: 150px; /* control the size */
     --g: 10px; /* control the gap */