import React from 'react'
import tw, {styled} from "twin.macro"
import 'styled-components/macro'

const Full = styled.div(tw`w-full lg:px-2 py-2`)
export {Full}

const Half = styled.div(tw`w-full lg:w-6/12 lg:px-2 py-2`)
export {Half}

const Quarter = styled.div(tw`w-full lg:w-6/12 xl:w-3/12 lg:px-2 py-2 `)
export {Quarter}

const Third = styled.div(tw`w-full lg:w-4/12 lg:px-2 py-2 `)
export {Third}

const TwoThird = styled.div(tw`w-full lg:w-8/12 lg:px-2 py-2 `)
export {TwoThird}