import React from "react"
import tw, {styled} from "twin.macro"
 

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

const Half = styled.div(tw`w-full lg:w-8/12 xl: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 Sixth = styled.div(tw`w-full lg:w-1/5 xl:w-1/6 lg:px-2 py-2 `)
export {Sixth}

const Third = styled.div(tw`w-full lg:w-8/12 xl: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}