Merge pull request #50 from XshubhamG/main

Added CSS snippet for grid layout

Author: Mathys-Gasnier

public/data/css.json

@@ -21,6 +21,23 @@
   {
     "categoryName": "Layouts",
     "snippets": [
+      {
+        "title": "Grid layout",
+        "description": "Equal sized items in a responsive grid",
+        "code": [
+          ".grid-container {",
+          "  display: grid",
+          "  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));",
+          "/* Explanation:",
+          "- `auto-fit`: Automatically fits as many columns as possible within the container.",
+          "- `minmax(250px, 1fr)`: Defines a minimum column size of 250px and a maximum size of 1fr (fraction of available space).",
+          "*/",
+          "}",
+          ""
+        ],
+        "tags": ["css", "layout", "grid"],
+        "author": "xshubhamg"
+      },
       {
         "title": "Sticky Footer",
         "description": "Ensures the footer always stays at the bottom of the page.",