Update tailwind config to center the containers

rtCamp · Oct 15, 2024 · d767a91 · d767a91
1 parent b88159f
commit d767a91
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/public/assets/styles/style.css b/public/assets/styles/style.css
@@ -627,6 +627,8 @@ video {
 
 .container {
   width: 100%;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 @media (min-width: 640px) {
@@ -699,6 +701,10 @@ video {
   margin-bottom: 0.25rem;
 }
 
+.mb-16 {
+  margin-bottom: 4rem;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -719,6 +725,14 @@ video {
   margin-left: 1rem;
 }
 
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mt-16 {
+  margin-top: 4rem;
+}
+
 .mt-4 {
   margin-top: 1rem;
 }
@@ -833,6 +847,10 @@ video {
   flex-direction: column;
 }
 
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
 .items-center {
   align-items: center;
 }
@@ -1019,6 +1037,10 @@ video {
   font-weight: 700;
 }
 
+.italic {
+  font-style: italic;
+}
+
 .leading-tight {
   line-height: 1.25;
 }
@@ -1141,6 +1163,10 @@ video {
     max-width: 100%;
   }
 
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
   .md\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -6,6 +6,9 @@ module.exports = {
       'sans' : ['Open Sans', 'sans-serif'],
     },
     extend: {},
+    container: {
+      center: true,
+    },
   },
   plugins: [{
     tailwindcss: {},