From c5be2574d782bd8bc46cdd01f8b7e3d3bdbd4774 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juli=C3=A1n=20Benegas?= <julianbenegas99@gmail.com>
Date: Sat, 24 Oct 2020 02:45:39 -0300
Subject: [PATCH] fix purge

---
 components/ui/Hero/Hero.module.css | 6 ++++++
 components/ui/Hero/Hero.tsx        | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 components/ui/Hero/Hero.module.css

diff --git a/components/ui/Hero/Hero.module.css b/components/ui/Hero/Hero.module.css
new file mode 100644
index 000000000..364ad6580
--- /dev/null
+++ b/components/ui/Hero/Hero.module.css
@@ -0,0 +1,6 @@
+.root {
+  @apply mx-auto grid grid-cols-1 py-32 gap-4;
+  @screen md {
+    @apply grid-cols-2;
+  }
+}
diff --git a/components/ui/Hero/Hero.tsx b/components/ui/Hero/Hero.tsx
index aeb301e9a..125212afa 100644
--- a/components/ui/Hero/Hero.tsx
+++ b/components/ui/Hero/Hero.tsx
@@ -1,6 +1,8 @@
 import React, { FC } from 'react'
 import { Container } from '@components/ui'
 import { RightArrow } from '@components/icon'
+import s from './Hero.module.css'
+
 interface Props {
   className?: string
   headline: string
@@ -11,7 +13,7 @@ const Hero: FC<Props> = ({ headline, description }) => {
   return (
     <div className="bg-black">
       <Container>
-        <div className="mx-auto grid grid-cols-1 py-32 md:grid-cols-2 gap-4">
+        <div className={s.root}>
           <h2 className="text-4xl leading-10 font-extrabold text-white sm:text-5xl sm:leading-none sm:tracking-tight lg:text-6xl">
             {headline}
           </h2>