Replaced all the css into tailwind css on SponsorsSection component (#…

…1772)

Co-authored-by: Kyle Holmberg <[email protected]>

components/ReusableSections/SponsorsSection/SponsorsSection.js

@@ -2,7 +2,6 @@ import Container from 'components/Container/Container';
 import Heading from 'components/Heading/Heading';
 import PartnerLogoLink from 'components/PartnerLogoLink/PartnerLogoLink';
 import partners, { PARTNER_TYPES } from 'common/constants/partners';
-import styles from './SponsorsSection.module.css';
 
 const isPaidSponsor = partner => partner.type === PARTNER_TYPES.PAID;
 
@@ -15,7 +14,7 @@ const SponsorsSection = () => (
       These sponsors have donated cash to help keep the mission going here at Operation Code. They
       may or may not have also donated to our cause via others means.
     </p>
-    <div className={styles.columnsContainer}>
+    <div className="flex justify-center items-center flex-wrap [&>*]:m-4">
       {partners
         .filter(x => isPaidSponsor(x))
         .map(partner => (
@@ -28,7 +27,7 @@ const SponsorsSection = () => (
       The following organizations have helped Operation Code through services, products,
       advertisements, scholarships, or sponsorships. We thank them for their contributions.
     </p>
-    <div className={styles.columnsContainer}>
+    <div className="flex justify-center items-center flex-wrap [&>*]:m-4">
       {partners
         .filter(x => !isPaidSponsor(x))
         .map(partner => (