feat(grid/classes): add grid cols lg 2 and 3 variants

Author: adaptive-shield-matrix

lib/static/container/classesGridCols.ts

@@ -3,12 +3,29 @@ import { classArr } from "~ui/utils/classArr"
 export const classesGridCols2ContentFr = "grid grid-cols-[max-content_1fr]"
 export const classesGridCols3MaxMinFr = "grid grid-cols-[max-content_min-content_1fr]"
 
+
+/**
+ * 1280/2 = 640 px = 35.5 rem / col
+ */
+export const classesGridCols2lg = classArr("grid grid-cols-1", "lg:grid-cols-2")
+
 /**
  * ~600 px (37rem, ~60ch) / col
  */
 export const classesGridCols2xl = classArr("grid grid-cols-1", "xl:grid-cols-2")
 export const classesGridCols2xl3 = classArr(classesGridCols2xl, "2xl:grid-cols-4", "3xl:grid-cols-6")
 
+
+/**
+ * 1024/3 = 341 px = 19rem / col
+ * xl: 1280/340 = 3.75
+ * lg: 1024/340 = 3
+ * md: 768/340 = 2.26
+ * sm: 640/340 = 1.8
+ * xs: 400/340 = 1.17
+ */
+export const classesGridCols3lg = classArr("grid grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3")
+
 /**
  * ~400 px (25rem, ~40ch) / col
  */