diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index ba42c8d8d..e84815540 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -3347,6 +3347,10 @@ video {
   display: inline-flex !important;
 }
 
+.grid {
+  display: grid !important;
+}
+
 .table {
   display: table !important;
 }
@@ -8362,6 +8366,358 @@ video {
   z-index: auto !important;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, 1fr) !important;
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, 1fr) !important;
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, 1fr) !important;
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, 1fr) !important;
+}
+
+.grid-cols-5 {
+  grid-template-columns: repeat(5, 1fr) !important;
+}
+
+.grid-cols-6 {
+  grid-template-columns: repeat(6, 1fr) !important;
+}
+
+.grid-cols-7 {
+  grid-template-columns: repeat(7, 1fr) !important;
+}
+
+.grid-cols-8 {
+  grid-template-columns: repeat(8, 1fr) !important;
+}
+
+.grid-cols-9 {
+  grid-template-columns: repeat(9, 1fr) !important;
+}
+
+.grid-cols-10 {
+  grid-template-columns: repeat(10, 1fr) !important;
+}
+
+.grid-cols-11 {
+  grid-template-columns: repeat(11, 1fr) !important;
+}
+
+.grid-cols-12 {
+  grid-template-columns: repeat(12, 1fr) !important;
+}
+
+.col-gap-0 {
+  grid-column-gap: 0 !important;
+}
+
+.col-gap-1 {
+  grid-column-gap: 0.25rem !important;
+}
+
+.col-gap-2 {
+  grid-column-gap: 0.5rem !important;
+}
+
+.col-gap-3 {
+  grid-column-gap: 0.75rem !important;
+}
+
+.col-gap-4 {
+  grid-column-gap: 1rem !important;
+}
+
+.col-gap-5 {
+  grid-column-gap: 1.25rem !important;
+}
+
+.col-gap-6 {
+  grid-column-gap: 1.5rem !important;
+}
+
+.col-gap-8 {
+  grid-column-gap: 2rem !important;
+}
+
+.col-gap-10 {
+  grid-column-gap: 2.5rem !important;
+}
+
+.col-gap-12 {
+  grid-column-gap: 3rem !important;
+}
+
+.col-gap-16 {
+  grid-column-gap: 4rem !important;
+}
+
+.col-gap-20 {
+  grid-column-gap: 5rem !important;
+}
+
+.col-gap-24 {
+  grid-column-gap: 6rem !important;
+}
+
+.col-gap-32 {
+  grid-column-gap: 8rem !important;
+}
+
+.col-gap-40 {
+  grid-column-gap: 10rem !important;
+}
+
+.col-gap-48 {
+  grid-column-gap: 12rem !important;
+}
+
+.col-gap-56 {
+  grid-column-gap: 14rem !important;
+}
+
+.col-gap-64 {
+  grid-column-gap: 16rem !important;
+}
+
+.col-gap-px {
+  grid-column-gap: 1px !important;
+}
+
+.col-span-1 {
+  grid-column: span 1 / span 1 !important;
+}
+
+.col-span-2 {
+  grid-column: span 2 / span 2 !important;
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3 !important;
+}
+
+.col-span-4 {
+  grid-column: span 4 / span 4 !important;
+}
+
+.col-span-5 {
+  grid-column: span 5 / span 5 !important;
+}
+
+.col-span-6 {
+  grid-column: span 6 / span 6 !important;
+}
+
+.col-span-7 {
+  grid-column: span 7 / span 7 !important;
+}
+
+.col-span-8 {
+  grid-column: span 8 / span 8 !important;
+}
+
+.col-span-9 {
+  grid-column: span 9 / span 9 !important;
+}
+
+.col-span-10 {
+  grid-column: span 10 / span 10 !important;
+}
+
+.col-span-11 {
+  grid-column: span 11 / span 11 !important;
+}
+
+.col-span-12 {
+  grid-column: span 12 / span 12 !important;
+}
+
+.col-start-1 {
+  grid-column-start: 1 !important;
+}
+
+.col-start-2 {
+  grid-column-start: 2 !important;
+}
+
+.col-start-3 {
+  grid-column-start: 3 !important;
+}
+
+.col-start-4 {
+  grid-column-start: 4 !important;
+}
+
+.col-start-5 {
+  grid-column-start: 5 !important;
+}
+
+.col-start-6 {
+  grid-column-start: 6 !important;
+}
+
+.col-start-7 {
+  grid-column-start: 7 !important;
+}
+
+.col-start-8 {
+  grid-column-start: 8 !important;
+}
+
+.col-start-9 {
+  grid-column-start: 9 !important;
+}
+
+.col-start-10 {
+  grid-column-start: 10 !important;
+}
+
+.col-start-11 {
+  grid-column-start: 11 !important;
+}
+
+.col-start-12 {
+  grid-column-start: 12 !important;
+}
+
+.col-start-13 {
+  grid-column-start: 13 !important;
+}
+
+.col-end-1 {
+  grid-column-end: 1 !important;
+}
+
+.col-end-2 {
+  grid-column-end: 2 !important;
+}
+
+.col-end-3 {
+  grid-column-end: 3 !important;
+}
+
+.col-end-4 {
+  grid-column-end: 4 !important;
+}
+
+.col-end-5 {
+  grid-column-end: 5 !important;
+}
+
+.col-end-6 {
+  grid-column-end: 6 !important;
+}
+
+.col-end-7 {
+  grid-column-end: 7 !important;
+}
+
+.col-end-8 {
+  grid-column-end: 8 !important;
+}
+
+.col-end-9 {
+  grid-column-end: 9 !important;
+}
+
+.col-end-10 {
+  grid-column-end: 10 !important;
+}
+
+.col-end-11 {
+  grid-column-end: 11 !important;
+}
+
+.col-end-12 {
+  grid-column-end: 12 !important;
+}
+
+.col-end-13 {
+  grid-column-end: 13 !important;
+}
+
+.row-gap-0 {
+  grid-row-gap: 0 !important;
+}
+
+.row-gap-1 {
+  grid-row-gap: 0.25rem !important;
+}
+
+.row-gap-2 {
+  grid-row-gap: 0.5rem !important;
+}
+
+.row-gap-3 {
+  grid-row-gap: 0.75rem !important;
+}
+
+.row-gap-4 {
+  grid-row-gap: 1rem !important;
+}
+
+.row-gap-5 {
+  grid-row-gap: 1.25rem !important;
+}
+
+.row-gap-6 {
+  grid-row-gap: 1.5rem !important;
+}
+
+.row-gap-8 {
+  grid-row-gap: 2rem !important;
+}
+
+.row-gap-10 {
+  grid-row-gap: 2.5rem !important;
+}
+
+.row-gap-12 {
+  grid-row-gap: 3rem !important;
+}
+
+.row-gap-16 {
+  grid-row-gap: 4rem !important;
+}
+
+.row-gap-20 {
+  grid-row-gap: 5rem !important;
+}
+
+.row-gap-24 {
+  grid-row-gap: 6rem !important;
+}
+
+.row-gap-32 {
+  grid-row-gap: 8rem !important;
+}
+
+.row-gap-40 {
+  grid-row-gap: 10rem !important;
+}
+
+.row-gap-48 {
+  grid-row-gap: 12rem !important;
+}
+
+.row-gap-56 {
+  grid-row-gap: 14rem !important;
+}
+
+.row-gap-64 {
+  grid-row-gap: 16rem !important;
+}
+
+.row-gap-px {
+  grid-row-gap: 1px !important;
+}
+
 .transform {
   --transform-scale-x: 1 !important;
   --transform-scale-y: 1 !important;
@@ -12617,6 +12973,10 @@ video {
     display: inline-flex !important;
   }
 
+  .sm\:grid {
+    display: grid !important;
+  }
+
   .sm\:table {
     display: table !important;
   }
@@ -17632,6 +17992,358 @@ video {
     z-index: auto !important;
   }
 
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr) !important;
+  }
+
+  .sm\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr) !important;
+  }
+
+  .sm\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr) !important;
+  }
+
+  .sm\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr) !important;
+  }
+
+  .sm\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr) !important;
+  }
+
+  .sm\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr) !important;
+  }
+
+  .sm\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr) !important;
+  }
+
+  .sm\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr) !important;
+  }
+
+  .sm\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr) !important;
+  }
+
+  .sm\:col-gap-0 {
+    grid-column-gap: 0 !important;
+  }
+
+  .sm\:col-gap-1 {
+    grid-column-gap: 0.25rem !important;
+  }
+
+  .sm\:col-gap-2 {
+    grid-column-gap: 0.5rem !important;
+  }
+
+  .sm\:col-gap-3 {
+    grid-column-gap: 0.75rem !important;
+  }
+
+  .sm\:col-gap-4 {
+    grid-column-gap: 1rem !important;
+  }
+
+  .sm\:col-gap-5 {
+    grid-column-gap: 1.25rem !important;
+  }
+
+  .sm\:col-gap-6 {
+    grid-column-gap: 1.5rem !important;
+  }
+
+  .sm\:col-gap-8 {
+    grid-column-gap: 2rem !important;
+  }
+
+  .sm\:col-gap-10 {
+    grid-column-gap: 2.5rem !important;
+  }
+
+  .sm\:col-gap-12 {
+    grid-column-gap: 3rem !important;
+  }
+
+  .sm\:col-gap-16 {
+    grid-column-gap: 4rem !important;
+  }
+
+  .sm\:col-gap-20 {
+    grid-column-gap: 5rem !important;
+  }
+
+  .sm\:col-gap-24 {
+    grid-column-gap: 6rem !important;
+  }
+
+  .sm\:col-gap-32 {
+    grid-column-gap: 8rem !important;
+  }
+
+  .sm\:col-gap-40 {
+    grid-column-gap: 10rem !important;
+  }
+
+  .sm\:col-gap-48 {
+    grid-column-gap: 12rem !important;
+  }
+
+  .sm\:col-gap-56 {
+    grid-column-gap: 14rem !important;
+  }
+
+  .sm\:col-gap-64 {
+    grid-column-gap: 16rem !important;
+  }
+
+  .sm\:col-gap-px {
+    grid-column-gap: 1px !important;
+  }
+
+  .sm\:col-span-1 {
+    grid-column: span 1 / span 1 !important;
+  }
+
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2 !important;
+  }
+
+  .sm\:col-span-3 {
+    grid-column: span 3 / span 3 !important;
+  }
+
+  .sm\:col-span-4 {
+    grid-column: span 4 / span 4 !important;
+  }
+
+  .sm\:col-span-5 {
+    grid-column: span 5 / span 5 !important;
+  }
+
+  .sm\:col-span-6 {
+    grid-column: span 6 / span 6 !important;
+  }
+
+  .sm\:col-span-7 {
+    grid-column: span 7 / span 7 !important;
+  }
+
+  .sm\:col-span-8 {
+    grid-column: span 8 / span 8 !important;
+  }
+
+  .sm\:col-span-9 {
+    grid-column: span 9 / span 9 !important;
+  }
+
+  .sm\:col-span-10 {
+    grid-column: span 10 / span 10 !important;
+  }
+
+  .sm\:col-span-11 {
+    grid-column: span 11 / span 11 !important;
+  }
+
+  .sm\:col-span-12 {
+    grid-column: span 12 / span 12 !important;
+  }
+
+  .sm\:col-start-1 {
+    grid-column-start: 1 !important;
+  }
+
+  .sm\:col-start-2 {
+    grid-column-start: 2 !important;
+  }
+
+  .sm\:col-start-3 {
+    grid-column-start: 3 !important;
+  }
+
+  .sm\:col-start-4 {
+    grid-column-start: 4 !important;
+  }
+
+  .sm\:col-start-5 {
+    grid-column-start: 5 !important;
+  }
+
+  .sm\:col-start-6 {
+    grid-column-start: 6 !important;
+  }
+
+  .sm\:col-start-7 {
+    grid-column-start: 7 !important;
+  }
+
+  .sm\:col-start-8 {
+    grid-column-start: 8 !important;
+  }
+
+  .sm\:col-start-9 {
+    grid-column-start: 9 !important;
+  }
+
+  .sm\:col-start-10 {
+    grid-column-start: 10 !important;
+  }
+
+  .sm\:col-start-11 {
+    grid-column-start: 11 !important;
+  }
+
+  .sm\:col-start-12 {
+    grid-column-start: 12 !important;
+  }
+
+  .sm\:col-start-13 {
+    grid-column-start: 13 !important;
+  }
+
+  .sm\:col-end-1 {
+    grid-column-end: 1 !important;
+  }
+
+  .sm\:col-end-2 {
+    grid-column-end: 2 !important;
+  }
+
+  .sm\:col-end-3 {
+    grid-column-end: 3 !important;
+  }
+
+  .sm\:col-end-4 {
+    grid-column-end: 4 !important;
+  }
+
+  .sm\:col-end-5 {
+    grid-column-end: 5 !important;
+  }
+
+  .sm\:col-end-6 {
+    grid-column-end: 6 !important;
+  }
+
+  .sm\:col-end-7 {
+    grid-column-end: 7 !important;
+  }
+
+  .sm\:col-end-8 {
+    grid-column-end: 8 !important;
+  }
+
+  .sm\:col-end-9 {
+    grid-column-end: 9 !important;
+  }
+
+  .sm\:col-end-10 {
+    grid-column-end: 10 !important;
+  }
+
+  .sm\:col-end-11 {
+    grid-column-end: 11 !important;
+  }
+
+  .sm\:col-end-12 {
+    grid-column-end: 12 !important;
+  }
+
+  .sm\:col-end-13 {
+    grid-column-end: 13 !important;
+  }
+
+  .sm\:row-gap-0 {
+    grid-row-gap: 0 !important;
+  }
+
+  .sm\:row-gap-1 {
+    grid-row-gap: 0.25rem !important;
+  }
+
+  .sm\:row-gap-2 {
+    grid-row-gap: 0.5rem !important;
+  }
+
+  .sm\:row-gap-3 {
+    grid-row-gap: 0.75rem !important;
+  }
+
+  .sm\:row-gap-4 {
+    grid-row-gap: 1rem !important;
+  }
+
+  .sm\:row-gap-5 {
+    grid-row-gap: 1.25rem !important;
+  }
+
+  .sm\:row-gap-6 {
+    grid-row-gap: 1.5rem !important;
+  }
+
+  .sm\:row-gap-8 {
+    grid-row-gap: 2rem !important;
+  }
+
+  .sm\:row-gap-10 {
+    grid-row-gap: 2.5rem !important;
+  }
+
+  .sm\:row-gap-12 {
+    grid-row-gap: 3rem !important;
+  }
+
+  .sm\:row-gap-16 {
+    grid-row-gap: 4rem !important;
+  }
+
+  .sm\:row-gap-20 {
+    grid-row-gap: 5rem !important;
+  }
+
+  .sm\:row-gap-24 {
+    grid-row-gap: 6rem !important;
+  }
+
+  .sm\:row-gap-32 {
+    grid-row-gap: 8rem !important;
+  }
+
+  .sm\:row-gap-40 {
+    grid-row-gap: 10rem !important;
+  }
+
+  .sm\:row-gap-48 {
+    grid-row-gap: 12rem !important;
+  }
+
+  .sm\:row-gap-56 {
+    grid-row-gap: 14rem !important;
+  }
+
+  .sm\:row-gap-64 {
+    grid-row-gap: 16rem !important;
+  }
+
+  .sm\:row-gap-px {
+    grid-row-gap: 1px !important;
+  }
+
   .sm\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;
@@ -21888,6 +22600,10 @@ video {
     display: inline-flex !important;
   }
 
+  .md\:grid {
+    display: grid !important;
+  }
+
   .md\:table {
     display: table !important;
   }
@@ -26903,6 +27619,358 @@ video {
     z-index: auto !important;
   }
 
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr) !important;
+  }
+
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr) !important;
+  }
+
+  .md\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr) !important;
+  }
+
+  .md\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr) !important;
+  }
+
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr) !important;
+  }
+
+  .md\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr) !important;
+  }
+
+  .md\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr) !important;
+  }
+
+  .md\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr) !important;
+  }
+
+  .md\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr) !important;
+  }
+
+  .md\:col-gap-0 {
+    grid-column-gap: 0 !important;
+  }
+
+  .md\:col-gap-1 {
+    grid-column-gap: 0.25rem !important;
+  }
+
+  .md\:col-gap-2 {
+    grid-column-gap: 0.5rem !important;
+  }
+
+  .md\:col-gap-3 {
+    grid-column-gap: 0.75rem !important;
+  }
+
+  .md\:col-gap-4 {
+    grid-column-gap: 1rem !important;
+  }
+
+  .md\:col-gap-5 {
+    grid-column-gap: 1.25rem !important;
+  }
+
+  .md\:col-gap-6 {
+    grid-column-gap: 1.5rem !important;
+  }
+
+  .md\:col-gap-8 {
+    grid-column-gap: 2rem !important;
+  }
+
+  .md\:col-gap-10 {
+    grid-column-gap: 2.5rem !important;
+  }
+
+  .md\:col-gap-12 {
+    grid-column-gap: 3rem !important;
+  }
+
+  .md\:col-gap-16 {
+    grid-column-gap: 4rem !important;
+  }
+
+  .md\:col-gap-20 {
+    grid-column-gap: 5rem !important;
+  }
+
+  .md\:col-gap-24 {
+    grid-column-gap: 6rem !important;
+  }
+
+  .md\:col-gap-32 {
+    grid-column-gap: 8rem !important;
+  }
+
+  .md\:col-gap-40 {
+    grid-column-gap: 10rem !important;
+  }
+
+  .md\:col-gap-48 {
+    grid-column-gap: 12rem !important;
+  }
+
+  .md\:col-gap-56 {
+    grid-column-gap: 14rem !important;
+  }
+
+  .md\:col-gap-64 {
+    grid-column-gap: 16rem !important;
+  }
+
+  .md\:col-gap-px {
+    grid-column-gap: 1px !important;
+  }
+
+  .md\:col-span-1 {
+    grid-column: span 1 / span 1 !important;
+  }
+
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2 !important;
+  }
+
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3 !important;
+  }
+
+  .md\:col-span-4 {
+    grid-column: span 4 / span 4 !important;
+  }
+
+  .md\:col-span-5 {
+    grid-column: span 5 / span 5 !important;
+  }
+
+  .md\:col-span-6 {
+    grid-column: span 6 / span 6 !important;
+  }
+
+  .md\:col-span-7 {
+    grid-column: span 7 / span 7 !important;
+  }
+
+  .md\:col-span-8 {
+    grid-column: span 8 / span 8 !important;
+  }
+
+  .md\:col-span-9 {
+    grid-column: span 9 / span 9 !important;
+  }
+
+  .md\:col-span-10 {
+    grid-column: span 10 / span 10 !important;
+  }
+
+  .md\:col-span-11 {
+    grid-column: span 11 / span 11 !important;
+  }
+
+  .md\:col-span-12 {
+    grid-column: span 12 / span 12 !important;
+  }
+
+  .md\:col-start-1 {
+    grid-column-start: 1 !important;
+  }
+
+  .md\:col-start-2 {
+    grid-column-start: 2 !important;
+  }
+
+  .md\:col-start-3 {
+    grid-column-start: 3 !important;
+  }
+
+  .md\:col-start-4 {
+    grid-column-start: 4 !important;
+  }
+
+  .md\:col-start-5 {
+    grid-column-start: 5 !important;
+  }
+
+  .md\:col-start-6 {
+    grid-column-start: 6 !important;
+  }
+
+  .md\:col-start-7 {
+    grid-column-start: 7 !important;
+  }
+
+  .md\:col-start-8 {
+    grid-column-start: 8 !important;
+  }
+
+  .md\:col-start-9 {
+    grid-column-start: 9 !important;
+  }
+
+  .md\:col-start-10 {
+    grid-column-start: 10 !important;
+  }
+
+  .md\:col-start-11 {
+    grid-column-start: 11 !important;
+  }
+
+  .md\:col-start-12 {
+    grid-column-start: 12 !important;
+  }
+
+  .md\:col-start-13 {
+    grid-column-start: 13 !important;
+  }
+
+  .md\:col-end-1 {
+    grid-column-end: 1 !important;
+  }
+
+  .md\:col-end-2 {
+    grid-column-end: 2 !important;
+  }
+
+  .md\:col-end-3 {
+    grid-column-end: 3 !important;
+  }
+
+  .md\:col-end-4 {
+    grid-column-end: 4 !important;
+  }
+
+  .md\:col-end-5 {
+    grid-column-end: 5 !important;
+  }
+
+  .md\:col-end-6 {
+    grid-column-end: 6 !important;
+  }
+
+  .md\:col-end-7 {
+    grid-column-end: 7 !important;
+  }
+
+  .md\:col-end-8 {
+    grid-column-end: 8 !important;
+  }
+
+  .md\:col-end-9 {
+    grid-column-end: 9 !important;
+  }
+
+  .md\:col-end-10 {
+    grid-column-end: 10 !important;
+  }
+
+  .md\:col-end-11 {
+    grid-column-end: 11 !important;
+  }
+
+  .md\:col-end-12 {
+    grid-column-end: 12 !important;
+  }
+
+  .md\:col-end-13 {
+    grid-column-end: 13 !important;
+  }
+
+  .md\:row-gap-0 {
+    grid-row-gap: 0 !important;
+  }
+
+  .md\:row-gap-1 {
+    grid-row-gap: 0.25rem !important;
+  }
+
+  .md\:row-gap-2 {
+    grid-row-gap: 0.5rem !important;
+  }
+
+  .md\:row-gap-3 {
+    grid-row-gap: 0.75rem !important;
+  }
+
+  .md\:row-gap-4 {
+    grid-row-gap: 1rem !important;
+  }
+
+  .md\:row-gap-5 {
+    grid-row-gap: 1.25rem !important;
+  }
+
+  .md\:row-gap-6 {
+    grid-row-gap: 1.5rem !important;
+  }
+
+  .md\:row-gap-8 {
+    grid-row-gap: 2rem !important;
+  }
+
+  .md\:row-gap-10 {
+    grid-row-gap: 2.5rem !important;
+  }
+
+  .md\:row-gap-12 {
+    grid-row-gap: 3rem !important;
+  }
+
+  .md\:row-gap-16 {
+    grid-row-gap: 4rem !important;
+  }
+
+  .md\:row-gap-20 {
+    grid-row-gap: 5rem !important;
+  }
+
+  .md\:row-gap-24 {
+    grid-row-gap: 6rem !important;
+  }
+
+  .md\:row-gap-32 {
+    grid-row-gap: 8rem !important;
+  }
+
+  .md\:row-gap-40 {
+    grid-row-gap: 10rem !important;
+  }
+
+  .md\:row-gap-48 {
+    grid-row-gap: 12rem !important;
+  }
+
+  .md\:row-gap-56 {
+    grid-row-gap: 14rem !important;
+  }
+
+  .md\:row-gap-64 {
+    grid-row-gap: 16rem !important;
+  }
+
+  .md\:row-gap-px {
+    grid-row-gap: 1px !important;
+  }
+
   .md\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;
@@ -31159,6 +32227,10 @@ video {
     display: inline-flex !important;
   }
 
+  .lg\:grid {
+    display: grid !important;
+  }
+
   .lg\:table {
     display: table !important;
   }
@@ -36174,6 +37246,358 @@ video {
     z-index: auto !important;
   }
 
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr) !important;
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr) !important;
+  }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr) !important;
+  }
+
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr) !important;
+  }
+
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr) !important;
+  }
+
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr) !important;
+  }
+
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr) !important;
+  }
+
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr) !important;
+  }
+
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr) !important;
+  }
+
+  .lg\:col-gap-0 {
+    grid-column-gap: 0 !important;
+  }
+
+  .lg\:col-gap-1 {
+    grid-column-gap: 0.25rem !important;
+  }
+
+  .lg\:col-gap-2 {
+    grid-column-gap: 0.5rem !important;
+  }
+
+  .lg\:col-gap-3 {
+    grid-column-gap: 0.75rem !important;
+  }
+
+  .lg\:col-gap-4 {
+    grid-column-gap: 1rem !important;
+  }
+
+  .lg\:col-gap-5 {
+    grid-column-gap: 1.25rem !important;
+  }
+
+  .lg\:col-gap-6 {
+    grid-column-gap: 1.5rem !important;
+  }
+
+  .lg\:col-gap-8 {
+    grid-column-gap: 2rem !important;
+  }
+
+  .lg\:col-gap-10 {
+    grid-column-gap: 2.5rem !important;
+  }
+
+  .lg\:col-gap-12 {
+    grid-column-gap: 3rem !important;
+  }
+
+  .lg\:col-gap-16 {
+    grid-column-gap: 4rem !important;
+  }
+
+  .lg\:col-gap-20 {
+    grid-column-gap: 5rem !important;
+  }
+
+  .lg\:col-gap-24 {
+    grid-column-gap: 6rem !important;
+  }
+
+  .lg\:col-gap-32 {
+    grid-column-gap: 8rem !important;
+  }
+
+  .lg\:col-gap-40 {
+    grid-column-gap: 10rem !important;
+  }
+
+  .lg\:col-gap-48 {
+    grid-column-gap: 12rem !important;
+  }
+
+  .lg\:col-gap-56 {
+    grid-column-gap: 14rem !important;
+  }
+
+  .lg\:col-gap-64 {
+    grid-column-gap: 16rem !important;
+  }
+
+  .lg\:col-gap-px {
+    grid-column-gap: 1px !important;
+  }
+
+  .lg\:col-span-1 {
+    grid-column: span 1 / span 1 !important;
+  }
+
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2 !important;
+  }
+
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3 !important;
+  }
+
+  .lg\:col-span-4 {
+    grid-column: span 4 / span 4 !important;
+  }
+
+  .lg\:col-span-5 {
+    grid-column: span 5 / span 5 !important;
+  }
+
+  .lg\:col-span-6 {
+    grid-column: span 6 / span 6 !important;
+  }
+
+  .lg\:col-span-7 {
+    grid-column: span 7 / span 7 !important;
+  }
+
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8 !important;
+  }
+
+  .lg\:col-span-9 {
+    grid-column: span 9 / span 9 !important;
+  }
+
+  .lg\:col-span-10 {
+    grid-column: span 10 / span 10 !important;
+  }
+
+  .lg\:col-span-11 {
+    grid-column: span 11 / span 11 !important;
+  }
+
+  .lg\:col-span-12 {
+    grid-column: span 12 / span 12 !important;
+  }
+
+  .lg\:col-start-1 {
+    grid-column-start: 1 !important;
+  }
+
+  .lg\:col-start-2 {
+    grid-column-start: 2 !important;
+  }
+
+  .lg\:col-start-3 {
+    grid-column-start: 3 !important;
+  }
+
+  .lg\:col-start-4 {
+    grid-column-start: 4 !important;
+  }
+
+  .lg\:col-start-5 {
+    grid-column-start: 5 !important;
+  }
+
+  .lg\:col-start-6 {
+    grid-column-start: 6 !important;
+  }
+
+  .lg\:col-start-7 {
+    grid-column-start: 7 !important;
+  }
+
+  .lg\:col-start-8 {
+    grid-column-start: 8 !important;
+  }
+
+  .lg\:col-start-9 {
+    grid-column-start: 9 !important;
+  }
+
+  .lg\:col-start-10 {
+    grid-column-start: 10 !important;
+  }
+
+  .lg\:col-start-11 {
+    grid-column-start: 11 !important;
+  }
+
+  .lg\:col-start-12 {
+    grid-column-start: 12 !important;
+  }
+
+  .lg\:col-start-13 {
+    grid-column-start: 13 !important;
+  }
+
+  .lg\:col-end-1 {
+    grid-column-end: 1 !important;
+  }
+
+  .lg\:col-end-2 {
+    grid-column-end: 2 !important;
+  }
+
+  .lg\:col-end-3 {
+    grid-column-end: 3 !important;
+  }
+
+  .lg\:col-end-4 {
+    grid-column-end: 4 !important;
+  }
+
+  .lg\:col-end-5 {
+    grid-column-end: 5 !important;
+  }
+
+  .lg\:col-end-6 {
+    grid-column-end: 6 !important;
+  }
+
+  .lg\:col-end-7 {
+    grid-column-end: 7 !important;
+  }
+
+  .lg\:col-end-8 {
+    grid-column-end: 8 !important;
+  }
+
+  .lg\:col-end-9 {
+    grid-column-end: 9 !important;
+  }
+
+  .lg\:col-end-10 {
+    grid-column-end: 10 !important;
+  }
+
+  .lg\:col-end-11 {
+    grid-column-end: 11 !important;
+  }
+
+  .lg\:col-end-12 {
+    grid-column-end: 12 !important;
+  }
+
+  .lg\:col-end-13 {
+    grid-column-end: 13 !important;
+  }
+
+  .lg\:row-gap-0 {
+    grid-row-gap: 0 !important;
+  }
+
+  .lg\:row-gap-1 {
+    grid-row-gap: 0.25rem !important;
+  }
+
+  .lg\:row-gap-2 {
+    grid-row-gap: 0.5rem !important;
+  }
+
+  .lg\:row-gap-3 {
+    grid-row-gap: 0.75rem !important;
+  }
+
+  .lg\:row-gap-4 {
+    grid-row-gap: 1rem !important;
+  }
+
+  .lg\:row-gap-5 {
+    grid-row-gap: 1.25rem !important;
+  }
+
+  .lg\:row-gap-6 {
+    grid-row-gap: 1.5rem !important;
+  }
+
+  .lg\:row-gap-8 {
+    grid-row-gap: 2rem !important;
+  }
+
+  .lg\:row-gap-10 {
+    grid-row-gap: 2.5rem !important;
+  }
+
+  .lg\:row-gap-12 {
+    grid-row-gap: 3rem !important;
+  }
+
+  .lg\:row-gap-16 {
+    grid-row-gap: 4rem !important;
+  }
+
+  .lg\:row-gap-20 {
+    grid-row-gap: 5rem !important;
+  }
+
+  .lg\:row-gap-24 {
+    grid-row-gap: 6rem !important;
+  }
+
+  .lg\:row-gap-32 {
+    grid-row-gap: 8rem !important;
+  }
+
+  .lg\:row-gap-40 {
+    grid-row-gap: 10rem !important;
+  }
+
+  .lg\:row-gap-48 {
+    grid-row-gap: 12rem !important;
+  }
+
+  .lg\:row-gap-56 {
+    grid-row-gap: 14rem !important;
+  }
+
+  .lg\:row-gap-64 {
+    grid-row-gap: 16rem !important;
+  }
+
+  .lg\:row-gap-px {
+    grid-row-gap: 1px !important;
+  }
+
   .lg\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;
@@ -40430,6 +41854,10 @@ video {
     display: inline-flex !important;
   }
 
+  .xl\:grid {
+    display: grid !important;
+  }
+
   .xl\:table {
     display: table !important;
   }
@@ -45445,6 +46873,358 @@ video {
     z-index: auto !important;
   }
 
+  .xl\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr) !important;
+  }
+
+  .xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr) !important;
+  }
+
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr) !important;
+  }
+
+  .xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr) !important;
+  }
+
+  .xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr) !important;
+  }
+
+  .xl\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr) !important;
+  }
+
+  .xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr) !important;
+  }
+
+  .xl\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr) !important;
+  }
+
+  .xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr) !important;
+  }
+
+  .xl\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr) !important;
+  }
+
+  .xl\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr) !important;
+  }
+
+  .xl\:col-gap-0 {
+    grid-column-gap: 0 !important;
+  }
+
+  .xl\:col-gap-1 {
+    grid-column-gap: 0.25rem !important;
+  }
+
+  .xl\:col-gap-2 {
+    grid-column-gap: 0.5rem !important;
+  }
+
+  .xl\:col-gap-3 {
+    grid-column-gap: 0.75rem !important;
+  }
+
+  .xl\:col-gap-4 {
+    grid-column-gap: 1rem !important;
+  }
+
+  .xl\:col-gap-5 {
+    grid-column-gap: 1.25rem !important;
+  }
+
+  .xl\:col-gap-6 {
+    grid-column-gap: 1.5rem !important;
+  }
+
+  .xl\:col-gap-8 {
+    grid-column-gap: 2rem !important;
+  }
+
+  .xl\:col-gap-10 {
+    grid-column-gap: 2.5rem !important;
+  }
+
+  .xl\:col-gap-12 {
+    grid-column-gap: 3rem !important;
+  }
+
+  .xl\:col-gap-16 {
+    grid-column-gap: 4rem !important;
+  }
+
+  .xl\:col-gap-20 {
+    grid-column-gap: 5rem !important;
+  }
+
+  .xl\:col-gap-24 {
+    grid-column-gap: 6rem !important;
+  }
+
+  .xl\:col-gap-32 {
+    grid-column-gap: 8rem !important;
+  }
+
+  .xl\:col-gap-40 {
+    grid-column-gap: 10rem !important;
+  }
+
+  .xl\:col-gap-48 {
+    grid-column-gap: 12rem !important;
+  }
+
+  .xl\:col-gap-56 {
+    grid-column-gap: 14rem !important;
+  }
+
+  .xl\:col-gap-64 {
+    grid-column-gap: 16rem !important;
+  }
+
+  .xl\:col-gap-px {
+    grid-column-gap: 1px !important;
+  }
+
+  .xl\:col-span-1 {
+    grid-column: span 1 / span 1 !important;
+  }
+
+  .xl\:col-span-2 {
+    grid-column: span 2 / span 2 !important;
+  }
+
+  .xl\:col-span-3 {
+    grid-column: span 3 / span 3 !important;
+  }
+
+  .xl\:col-span-4 {
+    grid-column: span 4 / span 4 !important;
+  }
+
+  .xl\:col-span-5 {
+    grid-column: span 5 / span 5 !important;
+  }
+
+  .xl\:col-span-6 {
+    grid-column: span 6 / span 6 !important;
+  }
+
+  .xl\:col-span-7 {
+    grid-column: span 7 / span 7 !important;
+  }
+
+  .xl\:col-span-8 {
+    grid-column: span 8 / span 8 !important;
+  }
+
+  .xl\:col-span-9 {
+    grid-column: span 9 / span 9 !important;
+  }
+
+  .xl\:col-span-10 {
+    grid-column: span 10 / span 10 !important;
+  }
+
+  .xl\:col-span-11 {
+    grid-column: span 11 / span 11 !important;
+  }
+
+  .xl\:col-span-12 {
+    grid-column: span 12 / span 12 !important;
+  }
+
+  .xl\:col-start-1 {
+    grid-column-start: 1 !important;
+  }
+
+  .xl\:col-start-2 {
+    grid-column-start: 2 !important;
+  }
+
+  .xl\:col-start-3 {
+    grid-column-start: 3 !important;
+  }
+
+  .xl\:col-start-4 {
+    grid-column-start: 4 !important;
+  }
+
+  .xl\:col-start-5 {
+    grid-column-start: 5 !important;
+  }
+
+  .xl\:col-start-6 {
+    grid-column-start: 6 !important;
+  }
+
+  .xl\:col-start-7 {
+    grid-column-start: 7 !important;
+  }
+
+  .xl\:col-start-8 {
+    grid-column-start: 8 !important;
+  }
+
+  .xl\:col-start-9 {
+    grid-column-start: 9 !important;
+  }
+
+  .xl\:col-start-10 {
+    grid-column-start: 10 !important;
+  }
+
+  .xl\:col-start-11 {
+    grid-column-start: 11 !important;
+  }
+
+  .xl\:col-start-12 {
+    grid-column-start: 12 !important;
+  }
+
+  .xl\:col-start-13 {
+    grid-column-start: 13 !important;
+  }
+
+  .xl\:col-end-1 {
+    grid-column-end: 1 !important;
+  }
+
+  .xl\:col-end-2 {
+    grid-column-end: 2 !important;
+  }
+
+  .xl\:col-end-3 {
+    grid-column-end: 3 !important;
+  }
+
+  .xl\:col-end-4 {
+    grid-column-end: 4 !important;
+  }
+
+  .xl\:col-end-5 {
+    grid-column-end: 5 !important;
+  }
+
+  .xl\:col-end-6 {
+    grid-column-end: 6 !important;
+  }
+
+  .xl\:col-end-7 {
+    grid-column-end: 7 !important;
+  }
+
+  .xl\:col-end-8 {
+    grid-column-end: 8 !important;
+  }
+
+  .xl\:col-end-9 {
+    grid-column-end: 9 !important;
+  }
+
+  .xl\:col-end-10 {
+    grid-column-end: 10 !important;
+  }
+
+  .xl\:col-end-11 {
+    grid-column-end: 11 !important;
+  }
+
+  .xl\:col-end-12 {
+    grid-column-end: 12 !important;
+  }
+
+  .xl\:col-end-13 {
+    grid-column-end: 13 !important;
+  }
+
+  .xl\:row-gap-0 {
+    grid-row-gap: 0 !important;
+  }
+
+  .xl\:row-gap-1 {
+    grid-row-gap: 0.25rem !important;
+  }
+
+  .xl\:row-gap-2 {
+    grid-row-gap: 0.5rem !important;
+  }
+
+  .xl\:row-gap-3 {
+    grid-row-gap: 0.75rem !important;
+  }
+
+  .xl\:row-gap-4 {
+    grid-row-gap: 1rem !important;
+  }
+
+  .xl\:row-gap-5 {
+    grid-row-gap: 1.25rem !important;
+  }
+
+  .xl\:row-gap-6 {
+    grid-row-gap: 1.5rem !important;
+  }
+
+  .xl\:row-gap-8 {
+    grid-row-gap: 2rem !important;
+  }
+
+  .xl\:row-gap-10 {
+    grid-row-gap: 2.5rem !important;
+  }
+
+  .xl\:row-gap-12 {
+    grid-row-gap: 3rem !important;
+  }
+
+  .xl\:row-gap-16 {
+    grid-row-gap: 4rem !important;
+  }
+
+  .xl\:row-gap-20 {
+    grid-row-gap: 5rem !important;
+  }
+
+  .xl\:row-gap-24 {
+    grid-row-gap: 6rem !important;
+  }
+
+  .xl\:row-gap-32 {
+    grid-row-gap: 8rem !important;
+  }
+
+  .xl\:row-gap-40 {
+    grid-row-gap: 10rem !important;
+  }
+
+  .xl\:row-gap-48 {
+    grid-row-gap: 12rem !important;
+  }
+
+  .xl\:row-gap-56 {
+    grid-row-gap: 14rem !important;
+  }
+
+  .xl\:row-gap-64 {
+    grid-row-gap: 16rem !important;
+  }
+
+  .xl\:row-gap-px {
+    grid-row-gap: 1px !important;
+  }
+
   .xl\:transform {
     --transform-scale-x: 1 !important;
     --transform-scale-y: 1 !important;
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 05a1c8b4f..d7741d7e2 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3347,6 +3347,10 @@ video {
   display: inline-flex;
 }
 
+.grid {
+  display: grid;
+}
+
 .table {
   display: table;
 }
@@ -8362,6 +8366,358 @@ video {
   z-index: auto;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, 1fr);
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.grid-cols-5 {
+  grid-template-columns: repeat(5, 1fr);
+}
+
+.grid-cols-6 {
+  grid-template-columns: repeat(6, 1fr);
+}
+
+.grid-cols-7 {
+  grid-template-columns: repeat(7, 1fr);
+}
+
+.grid-cols-8 {
+  grid-template-columns: repeat(8, 1fr);
+}
+
+.grid-cols-9 {
+  grid-template-columns: repeat(9, 1fr);
+}
+
+.grid-cols-10 {
+  grid-template-columns: repeat(10, 1fr);
+}
+
+.grid-cols-11 {
+  grid-template-columns: repeat(11, 1fr);
+}
+
+.grid-cols-12 {
+  grid-template-columns: repeat(12, 1fr);
+}
+
+.col-gap-0 {
+  grid-column-gap: 0;
+}
+
+.col-gap-1 {
+  grid-column-gap: 0.25rem;
+}
+
+.col-gap-2 {
+  grid-column-gap: 0.5rem;
+}
+
+.col-gap-3 {
+  grid-column-gap: 0.75rem;
+}
+
+.col-gap-4 {
+  grid-column-gap: 1rem;
+}
+
+.col-gap-5 {
+  grid-column-gap: 1.25rem;
+}
+
+.col-gap-6 {
+  grid-column-gap: 1.5rem;
+}
+
+.col-gap-8 {
+  grid-column-gap: 2rem;
+}
+
+.col-gap-10 {
+  grid-column-gap: 2.5rem;
+}
+
+.col-gap-12 {
+  grid-column-gap: 3rem;
+}
+
+.col-gap-16 {
+  grid-column-gap: 4rem;
+}
+
+.col-gap-20 {
+  grid-column-gap: 5rem;
+}
+
+.col-gap-24 {
+  grid-column-gap: 6rem;
+}
+
+.col-gap-32 {
+  grid-column-gap: 8rem;
+}
+
+.col-gap-40 {
+  grid-column-gap: 10rem;
+}
+
+.col-gap-48 {
+  grid-column-gap: 12rem;
+}
+
+.col-gap-56 {
+  grid-column-gap: 14rem;
+}
+
+.col-gap-64 {
+  grid-column-gap: 16rem;
+}
+
+.col-gap-px {
+  grid-column-gap: 1px;
+}
+
+.col-span-1 {
+  grid-column: span 1 / span 1;
+}
+
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
+
+.col-span-4 {
+  grid-column: span 4 / span 4;
+}
+
+.col-span-5 {
+  grid-column: span 5 / span 5;
+}
+
+.col-span-6 {
+  grid-column: span 6 / span 6;
+}
+
+.col-span-7 {
+  grid-column: span 7 / span 7;
+}
+
+.col-span-8 {
+  grid-column: span 8 / span 8;
+}
+
+.col-span-9 {
+  grid-column: span 9 / span 9;
+}
+
+.col-span-10 {
+  grid-column: span 10 / span 10;
+}
+
+.col-span-11 {
+  grid-column: span 11 / span 11;
+}
+
+.col-span-12 {
+  grid-column: span 12 / span 12;
+}
+
+.col-start-1 {
+  grid-column-start: 1;
+}
+
+.col-start-2 {
+  grid-column-start: 2;
+}
+
+.col-start-3 {
+  grid-column-start: 3;
+}
+
+.col-start-4 {
+  grid-column-start: 4;
+}
+
+.col-start-5 {
+  grid-column-start: 5;
+}
+
+.col-start-6 {
+  grid-column-start: 6;
+}
+
+.col-start-7 {
+  grid-column-start: 7;
+}
+
+.col-start-8 {
+  grid-column-start: 8;
+}
+
+.col-start-9 {
+  grid-column-start: 9;
+}
+
+.col-start-10 {
+  grid-column-start: 10;
+}
+
+.col-start-11 {
+  grid-column-start: 11;
+}
+
+.col-start-12 {
+  grid-column-start: 12;
+}
+
+.col-start-13 {
+  grid-column-start: 13;
+}
+
+.col-end-1 {
+  grid-column-end: 1;
+}
+
+.col-end-2 {
+  grid-column-end: 2;
+}
+
+.col-end-3 {
+  grid-column-end: 3;
+}
+
+.col-end-4 {
+  grid-column-end: 4;
+}
+
+.col-end-5 {
+  grid-column-end: 5;
+}
+
+.col-end-6 {
+  grid-column-end: 6;
+}
+
+.col-end-7 {
+  grid-column-end: 7;
+}
+
+.col-end-8 {
+  grid-column-end: 8;
+}
+
+.col-end-9 {
+  grid-column-end: 9;
+}
+
+.col-end-10 {
+  grid-column-end: 10;
+}
+
+.col-end-11 {
+  grid-column-end: 11;
+}
+
+.col-end-12 {
+  grid-column-end: 12;
+}
+
+.col-end-13 {
+  grid-column-end: 13;
+}
+
+.row-gap-0 {
+  grid-row-gap: 0;
+}
+
+.row-gap-1 {
+  grid-row-gap: 0.25rem;
+}
+
+.row-gap-2 {
+  grid-row-gap: 0.5rem;
+}
+
+.row-gap-3 {
+  grid-row-gap: 0.75rem;
+}
+
+.row-gap-4 {
+  grid-row-gap: 1rem;
+}
+
+.row-gap-5 {
+  grid-row-gap: 1.25rem;
+}
+
+.row-gap-6 {
+  grid-row-gap: 1.5rem;
+}
+
+.row-gap-8 {
+  grid-row-gap: 2rem;
+}
+
+.row-gap-10 {
+  grid-row-gap: 2.5rem;
+}
+
+.row-gap-12 {
+  grid-row-gap: 3rem;
+}
+
+.row-gap-16 {
+  grid-row-gap: 4rem;
+}
+
+.row-gap-20 {
+  grid-row-gap: 5rem;
+}
+
+.row-gap-24 {
+  grid-row-gap: 6rem;
+}
+
+.row-gap-32 {
+  grid-row-gap: 8rem;
+}
+
+.row-gap-40 {
+  grid-row-gap: 10rem;
+}
+
+.row-gap-48 {
+  grid-row-gap: 12rem;
+}
+
+.row-gap-56 {
+  grid-row-gap: 14rem;
+}
+
+.row-gap-64 {
+  grid-row-gap: 16rem;
+}
+
+.row-gap-px {
+  grid-row-gap: 1px;
+}
+
 .transform {
   --transform-scale-x: 1;
   --transform-scale-y: 1;
@@ -12617,6 +12973,10 @@ video {
     display: inline-flex;
   }
 
+  .sm\:grid {
+    display: grid;
+  }
+
   .sm\:table {
     display: table;
   }
@@ -17632,6 +17992,358 @@ video {
     z-index: auto;
   }
 
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr);
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  .sm\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr);
+  }
+
+  .sm\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr);
+  }
+
+  .sm\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .sm\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr);
+  }
+
+  .sm\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr);
+  }
+
+  .sm\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr);
+  }
+
+  .sm\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr);
+  }
+
+  .sm\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+
+  .sm\:col-gap-0 {
+    grid-column-gap: 0;
+  }
+
+  .sm\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+  }
+
+  .sm\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+  }
+
+  .sm\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+  }
+
+  .sm\:col-gap-4 {
+    grid-column-gap: 1rem;
+  }
+
+  .sm\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+  }
+
+  .sm\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+  }
+
+  .sm\:col-gap-8 {
+    grid-column-gap: 2rem;
+  }
+
+  .sm\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+  }
+
+  .sm\:col-gap-12 {
+    grid-column-gap: 3rem;
+  }
+
+  .sm\:col-gap-16 {
+    grid-column-gap: 4rem;
+  }
+
+  .sm\:col-gap-20 {
+    grid-column-gap: 5rem;
+  }
+
+  .sm\:col-gap-24 {
+    grid-column-gap: 6rem;
+  }
+
+  .sm\:col-gap-32 {
+    grid-column-gap: 8rem;
+  }
+
+  .sm\:col-gap-40 {
+    grid-column-gap: 10rem;
+  }
+
+  .sm\:col-gap-48 {
+    grid-column-gap: 12rem;
+  }
+
+  .sm\:col-gap-56 {
+    grid-column-gap: 14rem;
+  }
+
+  .sm\:col-gap-64 {
+    grid-column-gap: 16rem;
+  }
+
+  .sm\:col-gap-px {
+    grid-column-gap: 1px;
+  }
+
+  .sm\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .sm\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .sm\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .sm\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .sm\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .sm\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .sm\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .sm\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .sm\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .sm\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .sm\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .sm\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .sm\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .sm\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .sm\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .sm\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .sm\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .sm\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .sm\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .sm\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .sm\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .sm\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .sm\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .sm\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .sm\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .sm\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .sm\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .sm\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .sm\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .sm\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .sm\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .sm\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .sm\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .sm\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .sm\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .sm\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .sm\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .sm\:row-gap-0 {
+    grid-row-gap: 0;
+  }
+
+  .sm\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+  }
+
+  .sm\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+  }
+
+  .sm\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+  }
+
+  .sm\:row-gap-4 {
+    grid-row-gap: 1rem;
+  }
+
+  .sm\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+  }
+
+  .sm\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+  }
+
+  .sm\:row-gap-8 {
+    grid-row-gap: 2rem;
+  }
+
+  .sm\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+  }
+
+  .sm\:row-gap-12 {
+    grid-row-gap: 3rem;
+  }
+
+  .sm\:row-gap-16 {
+    grid-row-gap: 4rem;
+  }
+
+  .sm\:row-gap-20 {
+    grid-row-gap: 5rem;
+  }
+
+  .sm\:row-gap-24 {
+    grid-row-gap: 6rem;
+  }
+
+  .sm\:row-gap-32 {
+    grid-row-gap: 8rem;
+  }
+
+  .sm\:row-gap-40 {
+    grid-row-gap: 10rem;
+  }
+
+  .sm\:row-gap-48 {
+    grid-row-gap: 12rem;
+  }
+
+  .sm\:row-gap-56 {
+    grid-row-gap: 14rem;
+  }
+
+  .sm\:row-gap-64 {
+    grid-row-gap: 16rem;
+  }
+
+  .sm\:row-gap-px {
+    grid-row-gap: 1px;
+  }
+
   .sm\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;
@@ -21888,6 +22600,10 @@ video {
     display: inline-flex;
   }
 
+  .md\:grid {
+    display: grid;
+  }
+
   .md\:table {
     display: table;
   }
@@ -26903,6 +27619,358 @@ video {
     z-index: auto;
   }
 
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr);
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr);
+  }
+
+  .md\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr);
+  }
+
+  .md\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr);
+  }
+
+  .md\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr);
+  }
+
+  .md\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr);
+  }
+
+  .md\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr);
+  }
+
+  .md\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+
+  .md\:col-gap-0 {
+    grid-column-gap: 0;
+  }
+
+  .md\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+  }
+
+  .md\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+  }
+
+  .md\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+  }
+
+  .md\:col-gap-4 {
+    grid-column-gap: 1rem;
+  }
+
+  .md\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+  }
+
+  .md\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+  }
+
+  .md\:col-gap-8 {
+    grid-column-gap: 2rem;
+  }
+
+  .md\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+  }
+
+  .md\:col-gap-12 {
+    grid-column-gap: 3rem;
+  }
+
+  .md\:col-gap-16 {
+    grid-column-gap: 4rem;
+  }
+
+  .md\:col-gap-20 {
+    grid-column-gap: 5rem;
+  }
+
+  .md\:col-gap-24 {
+    grid-column-gap: 6rem;
+  }
+
+  .md\:col-gap-32 {
+    grid-column-gap: 8rem;
+  }
+
+  .md\:col-gap-40 {
+    grid-column-gap: 10rem;
+  }
+
+  .md\:col-gap-48 {
+    grid-column-gap: 12rem;
+  }
+
+  .md\:col-gap-56 {
+    grid-column-gap: 14rem;
+  }
+
+  .md\:col-gap-64 {
+    grid-column-gap: 16rem;
+  }
+
+  .md\:col-gap-px {
+    grid-column-gap: 1px;
+  }
+
+  .md\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .md\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .md\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .md\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .md\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .md\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .md\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .md\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .md\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .md\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .md\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .md\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .md\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .md\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .md\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .md\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .md\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .md\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .md\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .md\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .md\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .md\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .md\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .md\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .md\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .md\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .md\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .md\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .md\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .md\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .md\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .md\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .md\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .md\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .md\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .md\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .md\:row-gap-0 {
+    grid-row-gap: 0;
+  }
+
+  .md\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+  }
+
+  .md\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+  }
+
+  .md\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+  }
+
+  .md\:row-gap-4 {
+    grid-row-gap: 1rem;
+  }
+
+  .md\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+  }
+
+  .md\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+  }
+
+  .md\:row-gap-8 {
+    grid-row-gap: 2rem;
+  }
+
+  .md\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+  }
+
+  .md\:row-gap-12 {
+    grid-row-gap: 3rem;
+  }
+
+  .md\:row-gap-16 {
+    grid-row-gap: 4rem;
+  }
+
+  .md\:row-gap-20 {
+    grid-row-gap: 5rem;
+  }
+
+  .md\:row-gap-24 {
+    grid-row-gap: 6rem;
+  }
+
+  .md\:row-gap-32 {
+    grid-row-gap: 8rem;
+  }
+
+  .md\:row-gap-40 {
+    grid-row-gap: 10rem;
+  }
+
+  .md\:row-gap-48 {
+    grid-row-gap: 12rem;
+  }
+
+  .md\:row-gap-56 {
+    grid-row-gap: 14rem;
+  }
+
+  .md\:row-gap-64 {
+    grid-row-gap: 16rem;
+  }
+
+  .md\:row-gap-px {
+    grid-row-gap: 1px;
+  }
+
   .md\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;
@@ -31159,6 +32227,10 @@ video {
     display: inline-flex;
   }
 
+  .lg\:grid {
+    display: grid;
+  }
+
   .lg\:table {
     display: table;
   }
@@ -36174,6 +37246,358 @@ video {
     z-index: auto;
   }
 
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr);
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr);
+  }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr);
+  }
+
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr);
+  }
+
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr);
+  }
+
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr);
+  }
+
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr);
+  }
+
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+
+  .lg\:col-gap-0 {
+    grid-column-gap: 0;
+  }
+
+  .lg\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+  }
+
+  .lg\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+  }
+
+  .lg\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+  }
+
+  .lg\:col-gap-4 {
+    grid-column-gap: 1rem;
+  }
+
+  .lg\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+  }
+
+  .lg\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+  }
+
+  .lg\:col-gap-8 {
+    grid-column-gap: 2rem;
+  }
+
+  .lg\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+  }
+
+  .lg\:col-gap-12 {
+    grid-column-gap: 3rem;
+  }
+
+  .lg\:col-gap-16 {
+    grid-column-gap: 4rem;
+  }
+
+  .lg\:col-gap-20 {
+    grid-column-gap: 5rem;
+  }
+
+  .lg\:col-gap-24 {
+    grid-column-gap: 6rem;
+  }
+
+  .lg\:col-gap-32 {
+    grid-column-gap: 8rem;
+  }
+
+  .lg\:col-gap-40 {
+    grid-column-gap: 10rem;
+  }
+
+  .lg\:col-gap-48 {
+    grid-column-gap: 12rem;
+  }
+
+  .lg\:col-gap-56 {
+    grid-column-gap: 14rem;
+  }
+
+  .lg\:col-gap-64 {
+    grid-column-gap: 16rem;
+  }
+
+  .lg\:col-gap-px {
+    grid-column-gap: 1px;
+  }
+
+  .lg\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .lg\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .lg\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .lg\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .lg\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .lg\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .lg\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .lg\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .lg\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .lg\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .lg\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .lg\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .lg\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .lg\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .lg\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .lg\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .lg\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .lg\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .lg\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .lg\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .lg\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .lg\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .lg\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .lg\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .lg\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .lg\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .lg\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .lg\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .lg\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .lg\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .lg\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .lg\:row-gap-0 {
+    grid-row-gap: 0;
+  }
+
+  .lg\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+  }
+
+  .lg\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+  }
+
+  .lg\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+  }
+
+  .lg\:row-gap-4 {
+    grid-row-gap: 1rem;
+  }
+
+  .lg\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+  }
+
+  .lg\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+  }
+
+  .lg\:row-gap-8 {
+    grid-row-gap: 2rem;
+  }
+
+  .lg\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+  }
+
+  .lg\:row-gap-12 {
+    grid-row-gap: 3rem;
+  }
+
+  .lg\:row-gap-16 {
+    grid-row-gap: 4rem;
+  }
+
+  .lg\:row-gap-20 {
+    grid-row-gap: 5rem;
+  }
+
+  .lg\:row-gap-24 {
+    grid-row-gap: 6rem;
+  }
+
+  .lg\:row-gap-32 {
+    grid-row-gap: 8rem;
+  }
+
+  .lg\:row-gap-40 {
+    grid-row-gap: 10rem;
+  }
+
+  .lg\:row-gap-48 {
+    grid-row-gap: 12rem;
+  }
+
+  .lg\:row-gap-56 {
+    grid-row-gap: 14rem;
+  }
+
+  .lg\:row-gap-64 {
+    grid-row-gap: 16rem;
+  }
+
+  .lg\:row-gap-px {
+    grid-row-gap: 1px;
+  }
+
   .lg\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;
@@ -40430,6 +41854,10 @@ video {
     display: inline-flex;
   }
 
+  .xl\:grid {
+    display: grid;
+  }
+
   .xl\:table {
     display: table;
   }
@@ -45445,6 +46873,358 @@ video {
     z-index: auto;
   }
 
+  .xl\:grid-cols-1 {
+    grid-template-columns: repeat(1, 1fr);
+  }
+
+  .xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .xl\:grid-cols-3 {
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .xl\:grid-cols-4 {
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  .xl\:grid-cols-5 {
+    grid-template-columns: repeat(5, 1fr);
+  }
+
+  .xl\:grid-cols-6 {
+    grid-template-columns: repeat(6, 1fr);
+  }
+
+  .xl\:grid-cols-7 {
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .xl\:grid-cols-8 {
+    grid-template-columns: repeat(8, 1fr);
+  }
+
+  .xl\:grid-cols-9 {
+    grid-template-columns: repeat(9, 1fr);
+  }
+
+  .xl\:grid-cols-10 {
+    grid-template-columns: repeat(10, 1fr);
+  }
+
+  .xl\:grid-cols-11 {
+    grid-template-columns: repeat(11, 1fr);
+  }
+
+  .xl\:grid-cols-12 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+
+  .xl\:col-gap-0 {
+    grid-column-gap: 0;
+  }
+
+  .xl\:col-gap-1 {
+    grid-column-gap: 0.25rem;
+  }
+
+  .xl\:col-gap-2 {
+    grid-column-gap: 0.5rem;
+  }
+
+  .xl\:col-gap-3 {
+    grid-column-gap: 0.75rem;
+  }
+
+  .xl\:col-gap-4 {
+    grid-column-gap: 1rem;
+  }
+
+  .xl\:col-gap-5 {
+    grid-column-gap: 1.25rem;
+  }
+
+  .xl\:col-gap-6 {
+    grid-column-gap: 1.5rem;
+  }
+
+  .xl\:col-gap-8 {
+    grid-column-gap: 2rem;
+  }
+
+  .xl\:col-gap-10 {
+    grid-column-gap: 2.5rem;
+  }
+
+  .xl\:col-gap-12 {
+    grid-column-gap: 3rem;
+  }
+
+  .xl\:col-gap-16 {
+    grid-column-gap: 4rem;
+  }
+
+  .xl\:col-gap-20 {
+    grid-column-gap: 5rem;
+  }
+
+  .xl\:col-gap-24 {
+    grid-column-gap: 6rem;
+  }
+
+  .xl\:col-gap-32 {
+    grid-column-gap: 8rem;
+  }
+
+  .xl\:col-gap-40 {
+    grid-column-gap: 10rem;
+  }
+
+  .xl\:col-gap-48 {
+    grid-column-gap: 12rem;
+  }
+
+  .xl\:col-gap-56 {
+    grid-column-gap: 14rem;
+  }
+
+  .xl\:col-gap-64 {
+    grid-column-gap: 16rem;
+  }
+
+  .xl\:col-gap-px {
+    grid-column-gap: 1px;
+  }
+
+  .xl\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .xl\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .xl\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .xl\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .xl\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .xl\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .xl\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .xl\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .xl\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .xl\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .xl\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .xl\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .xl\:col-start-1 {
+    grid-column-start: 1;
+  }
+
+  .xl\:col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .xl\:col-start-3 {
+    grid-column-start: 3;
+  }
+
+  .xl\:col-start-4 {
+    grid-column-start: 4;
+  }
+
+  .xl\:col-start-5 {
+    grid-column-start: 5;
+  }
+
+  .xl\:col-start-6 {
+    grid-column-start: 6;
+  }
+
+  .xl\:col-start-7 {
+    grid-column-start: 7;
+  }
+
+  .xl\:col-start-8 {
+    grid-column-start: 8;
+  }
+
+  .xl\:col-start-9 {
+    grid-column-start: 9;
+  }
+
+  .xl\:col-start-10 {
+    grid-column-start: 10;
+  }
+
+  .xl\:col-start-11 {
+    grid-column-start: 11;
+  }
+
+  .xl\:col-start-12 {
+    grid-column-start: 12;
+  }
+
+  .xl\:col-start-13 {
+    grid-column-start: 13;
+  }
+
+  .xl\:col-end-1 {
+    grid-column-end: 1;
+  }
+
+  .xl\:col-end-2 {
+    grid-column-end: 2;
+  }
+
+  .xl\:col-end-3 {
+    grid-column-end: 3;
+  }
+
+  .xl\:col-end-4 {
+    grid-column-end: 4;
+  }
+
+  .xl\:col-end-5 {
+    grid-column-end: 5;
+  }
+
+  .xl\:col-end-6 {
+    grid-column-end: 6;
+  }
+
+  .xl\:col-end-7 {
+    grid-column-end: 7;
+  }
+
+  .xl\:col-end-8 {
+    grid-column-end: 8;
+  }
+
+  .xl\:col-end-9 {
+    grid-column-end: 9;
+  }
+
+  .xl\:col-end-10 {
+    grid-column-end: 10;
+  }
+
+  .xl\:col-end-11 {
+    grid-column-end: 11;
+  }
+
+  .xl\:col-end-12 {
+    grid-column-end: 12;
+  }
+
+  .xl\:col-end-13 {
+    grid-column-end: 13;
+  }
+
+  .xl\:row-gap-0 {
+    grid-row-gap: 0;
+  }
+
+  .xl\:row-gap-1 {
+    grid-row-gap: 0.25rem;
+  }
+
+  .xl\:row-gap-2 {
+    grid-row-gap: 0.5rem;
+  }
+
+  .xl\:row-gap-3 {
+    grid-row-gap: 0.75rem;
+  }
+
+  .xl\:row-gap-4 {
+    grid-row-gap: 1rem;
+  }
+
+  .xl\:row-gap-5 {
+    grid-row-gap: 1.25rem;
+  }
+
+  .xl\:row-gap-6 {
+    grid-row-gap: 1.5rem;
+  }
+
+  .xl\:row-gap-8 {
+    grid-row-gap: 2rem;
+  }
+
+  .xl\:row-gap-10 {
+    grid-row-gap: 2.5rem;
+  }
+
+  .xl\:row-gap-12 {
+    grid-row-gap: 3rem;
+  }
+
+  .xl\:row-gap-16 {
+    grid-row-gap: 4rem;
+  }
+
+  .xl\:row-gap-20 {
+    grid-row-gap: 5rem;
+  }
+
+  .xl\:row-gap-24 {
+    grid-row-gap: 6rem;
+  }
+
+  .xl\:row-gap-32 {
+    grid-row-gap: 8rem;
+  }
+
+  .xl\:row-gap-40 {
+    grid-row-gap: 10rem;
+  }
+
+  .xl\:row-gap-48 {
+    grid-row-gap: 12rem;
+  }
+
+  .xl\:row-gap-56 {
+    grid-row-gap: 14rem;
+  }
+
+  .xl\:row-gap-64 {
+    grid-row-gap: 16rem;
+  }
+
+  .xl\:row-gap-px {
+    grid-row-gap: 1px;
+  }
+
   .xl\:transform {
     --transform-scale-x: 1;
     --transform-scale-y: 1;
diff --git a/src/corePlugins.js b/src/corePlugins.js
index ce71b7f51..27cfc9bbf 100644
--- a/src/corePlugins.js
+++ b/src/corePlugins.js
@@ -71,6 +71,16 @@ import transformOrigin from './plugins/transformOrigin'
 import scale from './plugins/scale'
 import rotate from './plugins/rotate'
 import translate from './plugins/translate'
+import gridTemplateColumns from './plugins/gridTemplateColumns'
+import gridColumnGap from './plugins/gridColumnGap'
+import gridColumn from './plugins/gridColumn'
+import gridColumnStart from './plugins/gridColumnStart'
+import gridColumnEnd from './plugins/gridColumnEnd'
+import gridTemplateRows from './plugins/gridTemplateRows'
+import gridRowGap from './plugins/gridRowGap'
+import gridRow from './plugins/gridRow'
+import gridRowStart from './plugins/gridRowStart'
+import gridRowEnd from './plugins/gridRowEnd'
 
 import configurePlugins from './util/configurePlugins'
 
@@ -144,6 +154,16 @@ export default function({ corePlugins: corePluginConfig }) {
     wordBreak,
     width,
     zIndex,
+    gridTemplateColumns,
+    gridColumnGap,
+    gridColumn,
+    gridColumnStart,
+    gridColumnEnd,
+    gridTemplateRows,
+    gridRowGap,
+    gridRow,
+    gridRowStart,
+    gridRowEnd,
     transform,
     transformOrigin,
     scale,
diff --git a/src/plugins/display.js b/src/plugins/display.js
index b199f4dd0..41507755d 100644
--- a/src/plugins/display.js
+++ b/src/plugins/display.js
@@ -17,6 +17,9 @@ export default function() {
         '.inline-flex': {
           display: 'inline-flex',
         },
+        '.grid': {
+          display: 'grid',
+        },
         '.table': {
           display: 'table',
         },
diff --git a/src/plugins/gridColumn.js b/src/plugins/gridColumn.js
new file mode 100644
index 000000000..107538718
--- /dev/null
+++ b/src/plugins/gridColumn.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridColumn', [['col', ['gridColumn']]])
+}
diff --git a/src/plugins/gridColumnEnd.js b/src/plugins/gridColumnEnd.js
new file mode 100644
index 000000000..d483227f7
--- /dev/null
+++ b/src/plugins/gridColumnEnd.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridColumnEnd', [['col-end', ['gridColumnEnd']]])
+}
diff --git a/src/plugins/gridColumnGap.js b/src/plugins/gridColumnGap.js
new file mode 100644
index 000000000..0a309687a
--- /dev/null
+++ b/src/plugins/gridColumnGap.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridColumnGap', [['col-gap', ['gridColumnGap']]])
+}
diff --git a/src/plugins/gridColumnStart.js b/src/plugins/gridColumnStart.js
new file mode 100644
index 000000000..dc3f997d8
--- /dev/null
+++ b/src/plugins/gridColumnStart.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridColumnStart', [['col-start', ['gridColumnStart']]])
+}
diff --git a/src/plugins/gridRow.js b/src/plugins/gridRow.js
new file mode 100644
index 000000000..d89529bd5
--- /dev/null
+++ b/src/plugins/gridRow.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridRow', [['row', ['gridRow']]])
+}
diff --git a/src/plugins/gridRowEnd.js b/src/plugins/gridRowEnd.js
new file mode 100644
index 000000000..1aa9e6eaa
--- /dev/null
+++ b/src/plugins/gridRowEnd.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridRowEnd', [['row-end', ['gridRowEnd']]])
+}
diff --git a/src/plugins/gridRowGap.js b/src/plugins/gridRowGap.js
new file mode 100644
index 000000000..eb642f79f
--- /dev/null
+++ b/src/plugins/gridRowGap.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridRowGap', [['row-gap', ['gridRowGap']]])
+}
diff --git a/src/plugins/gridRowStart.js b/src/plugins/gridRowStart.js
new file mode 100644
index 000000000..2f4fe1d03
--- /dev/null
+++ b/src/plugins/gridRowStart.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridRowStart', [['row-start', ['gridRowStart']]])
+}
diff --git a/src/plugins/gridTemplateColumns.js b/src/plugins/gridTemplateColumns.js
new file mode 100644
index 000000000..56e9f5b00
--- /dev/null
+++ b/src/plugins/gridTemplateColumns.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridTemplateColumns', [['grid-cols', ['gridTemplateColumns']]])
+}
diff --git a/src/plugins/gridTemplateRows.js b/src/plugins/gridTemplateRows.js
new file mode 100644
index 000000000..90d8c962c
--- /dev/null
+++ b/src/plugins/gridTemplateRows.js
@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridTemplateRows', [['grid-rows', ['gridTemplateRows']]])
+}
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
index 5db3f8c8e..22082a4d3 100644
--- a/stubs/defaultConfig.stub.js
+++ b/stubs/defaultConfig.stub.js
@@ -405,6 +405,70 @@ module.exports = {
       '40': '40',
       '50': '50',
     },
+    gridTemplateColumns: {
+      '1': 'repeat(1, 1fr)',
+      '2': 'repeat(2, 1fr)',
+      '3': 'repeat(3, 1fr)',
+      '4': 'repeat(4, 1fr)',
+      '5': 'repeat(5, 1fr)',
+      '6': 'repeat(6, 1fr)',
+      '7': 'repeat(7, 1fr)',
+      '8': 'repeat(8, 1fr)',
+      '9': 'repeat(9, 1fr)',
+      '10': 'repeat(10, 1fr)',
+      '11': 'repeat(11, 1fr)',
+      '12': 'repeat(12, 1fr)',
+    },
+    gridColumn: {
+      'span-1': 'span 1 / span 1',
+      'span-2': 'span 2 / span 2',
+      'span-3': 'span 3 / span 3',
+      'span-4': 'span 4 / span 4',
+      'span-5': 'span 5 / span 5',
+      'span-6': 'span 6 / span 6',
+      'span-7': 'span 7 / span 7',
+      'span-8': 'span 8 / span 8',
+      'span-9': 'span 9 / span 9',
+      'span-10': 'span 10 / span 10',
+      'span-11': 'span 11 / span 11',
+      'span-12': 'span 12 / span 12',
+    },
+    gridColumnStart: {
+      '1': '1',
+      '2': '2',
+      '3': '3',
+      '4': '4',
+      '5': '5',
+      '6': '6',
+      '7': '7',
+      '8': '8',
+      '9': '9',
+      '10': '10',
+      '11': '11',
+      '12': '12',
+      '13': '13',
+    },
+    gridColumnEnd: {
+      '1': '1',
+      '2': '2',
+      '3': '3',
+      '4': '4',
+      '5': '5',
+      '6': '6',
+      '7': '7',
+      '8': '8',
+      '9': '9',
+      '10': '10',
+      '11': '11',
+      '12': '12',
+      '13': '13',
+    },
+    gridColumnGap: theme => theme('spacing'),
+    gridTemplateRows: {},
+    gridRow: {},
+    gridRowStart: {},
+    gridRowEnd: {},
+    gridRowGap: theme => theme('spacing'),
     transformOrigin: {
       center: 'center',
       top: 'top',
@@ -513,6 +577,16 @@ module.exports = {
     width: ['responsive'],
     wordBreak: ['responsive'],
     zIndex: ['responsive'],
+    gridTemplateColumns: ['responsive'],
+    gridColumnGap: ['responsive'],
+    gridColumn: ['responsive'],
+    gridColumnStart: ['responsive'],
+    gridColumnEnd: ['responsive'],
+    gridTemplateRows: ['responsive'],
+    gridRowGap: ['responsive'],
+    gridRow: ['responsive'],
+    gridRowStart: ['responsive'],
+    gridRowEnd: ['responsive'],
     transform: ['responsive'],
     transformOrigin: ['responsive'],
     scale: ['responsive', 'hover', 'focus'],