From d767a910d8a2ba5880fa57ccaaa2cd66720ee430 Mon Sep 17 00:00:00 2001 From: Gagan Deep Singh Date: Tue, 15 Oct 2024 18:25:51 +0530 Subject: [PATCH] Update tailwind config to center the containers --- public/assets/styles/style.css | 26 ++++++++++++++++++++++++++ tailwind.config.js | 3 +++ 2 files changed, 29 insertions(+) diff --git a/public/assets/styles/style.css b/public/assets/styles/style.css index e6a0ebc..9123f0c 100644 --- 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 index 34bf90f..4cfd4cc 100644 --- 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: {},