cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

fix purge

Browse Source
This commit is contained in:
Julián Benegas 2020-10-24 02:45:39 -03:00
parent af12409f95
commit c5be2574d7
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/ui/Hero/Hero.module.css Normal file
View File

@ -0,0 +1,6 @@
.root {
@apply mx-auto grid grid-cols-1 py-32 gap-4;
@screen md {
@apply grid-cols-2;
}
}

4
components/ui/Hero/Hero.tsx
View File

@ -1,6 +1,8 @@
import React, { FC } from 'react' import React, { FC } from 'react'
import { Container } from '@components/ui' import { Container } from '@components/ui'
import { RightArrow } from '@components/icon' import { RightArrow } from '@components/icon'
import s from './Hero.module.css'
interface Props { interface Props {
className?: string className?: string
headline: string headline: string
@ -11,7 +13,7 @@ const Hero: FC<Props> = ({ headline, description }) => {
return ( return (
<div className="bg-black"> <div className="bg-black">
<Container> <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"> <h2 className="text-4xl leading-10 font-extrabold text-white sm:text-5xl sm:leading-none sm:tracking-tight lg:text-6xl">
{headline} {headline}
</h2> </h2>