Replaced all the css into tailwind css on Content component (#1754)

OperationCode · Nov 1, 2023 · d1146da · d1146da · vercel · Nov 1, 2023
1 parent bc55839
commit d1146da
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 24 deletions.
diff --git 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/Content.module.css b/components/Content/Content.module.css
diff --git 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>