Replaced all the css into tailwind css on JoinSection component (#1771)

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

Author: subhajit20

components/ReusableSections/JoinSection/JoinSection.js

@@ -2,7 +2,6 @@ import Container from 'components/Container/Container';
 import OutboundLink from 'components/OutboundLink/OutboundLink';
 import LinkButton from 'components/Buttons/LinkButton/LinkButton';
 import Heading from 'components/Heading/Heading';
-import styles from './JoinSection.module.css';
 
 function JoinSection() {
   return (
@@ -14,7 +13,7 @@ function JoinSection() {
         joining our members-only Slack community!
       </p>
 
-      <LinkButton href="/join" theme="secondary" className={styles.verticalSpacing}>
+      <LinkButton href="/join" theme="secondary" className="my-4">
         Register Now
       </LinkButton>
 

components/ReusableSections/JoinSection/JoinSection.module.css

@@ -42,7 +42,7 @@ exports[`JoinSection should render 1`] = `
       Are you ready to begin your journey towards a career in tech? Get the support you need by joining our members-only Slack community!
     </p>
     <a
-      className="Button verticalSpacing secondary"
+      className="Button my-4 secondary"
       href="/join"
       onClick={[Function]}
       onMouseEnter={[Function]}