From ba88e13121c5855b4ad8707bb7db9833ef84ced8 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Tue, 31 Oct 2023 14:12:37 +0000
Subject: [PATCH 1/3] Replaced all the css into tailwind css on Content
 component

---
 components/Content/Content.js                                 | 3 +--
 .../Content/__tests__/__snapshots__/Content.test.js.snap      | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/Content/Content.js b/components/Content/Content.js
index 55503c901..82c7ba0e0 100644
--- a/components/Content/Content.js
+++ b/components/Content/Content.js
@@ -2,7 +2,6 @@ import { cloneElement } from 'react';
 import { array, bool, oneOf, string } from 'prop-types';
 import Container from 'components/Container/Container';
 import Heading from 'components/Heading/Heading';
-import styles from './Content.module.css';
 
 Content.propTypes = {
   backgroundImageSource: string,
@@ -45,7 +44,7 @@ function Content({
     >
       {title && <Heading text={title} hasTitleUnderline={hasTitleUnderline} headingLevel={3} />}
 
-      <div className={styles.columnsContainer}>
+      <div className="flex justify-center items-center flex-wrap w-full [&>*]:m-4">
         {/* eslint-disable-next-line react/no-array-index-key */}
         {columns.map((column, index) => cloneElement(column, { key: index }))}
       </div>
diff --git a/components/Content/__tests__/__snapshots__/Content.test.js.snap b/components/Content/__tests__/__snapshots__/Content.test.js.snap
index 119d847ba..5afc72a29 100644
--- a/components/Content/__tests__/__snapshots__/Content.test.js.snap
+++ b/components/Content/__tests__/__snapshots__/Content.test.js.snap
@@ -39,7 +39,7 @@ exports[`Content should render with many props assigned 1`] = `
       </h3>
     </div>
     <div
-      className="columnsContainer"
+      className="flex justify-center items-center flex-wrap w-full [&>*]:m-4"
     >
       <div>
         <p>
@@ -65,7 +65,7 @@ exports[`Content should render with required props 1`] = `
     className="content"
   >
     <div
-      className="columnsContainer"
+      className="flex justify-center items-center flex-wrap w-full [&>*]:m-4"
     >
       <div>
         <p>

From 7e558fcd68e35f6589c671a94a609e571f204c76 Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Tue, 31 Oct 2023 14:15:33 +0000
Subject: [PATCH 2/3] Replaced all the css into tailwind css on Content
 component

---
 components/Content/Content.module.css | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/components/Content/Content.module.css b/components/Content/Content.module.css
index d38bf1be9..fa26aeca2 100644
--- a/components/Content/Content.module.css
+++ b/components/Content/Content.module.css
@@ -5,16 +5,3 @@
   justify-content: center;
   margin: 1rem auto;
 }
-
-.columnsContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  width: 100%;
-}
-
-/* the individual columns */
-.columnsContainer > * {
-  margin: 1rem;
-}

From 28fedcf5ee63d943c4993f33b308314fbe9a04ec Mon Sep 17 00:00:00 2001
From: Subhajit Ghosh <subhajitstd07@gmail.com>
Date: Wed, 1 Nov 2023 13:36:30 +0000
Subject: [PATCH 3/3] Replaced all the css into tailwind css on Content
 component

---
 components/Content/Content.module.css | 7 -------
 1 file changed, 7 deletions(-)
 delete mode 100644 components/Content/Content.module.css

diff --git a/components/Content/Content.module.css b/components/Content/Content.module.css
deleted file mode 100644
index fa26aeca2..000000000
--- a/components/Content/Content.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.Content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin: 1rem auto;
-}