export function Full({ className, ...props }) { return <div className={"w-full lg:px-2 py-2" + className} {...props} /> }

export function Half({ className, ...props }) { return <div className={"w-full lg:w-8/12 xl:w-6/12 lg:px-2 py-2" + className} {...props} /> }

export function Quarter({ className, ...props }) { return <div className={"w-full lg:w-6/12 xl:w-3/12 lg:px-2 py-2" + className} {...props} />; }

export function Sixth({ className, ...props }) { return <div className={"w-full lg:w-1/5 xl:w-1/6 lg:px-2 py-2" + className} {...props} />; }

export function Third({ className, ...props }) { return <div className={"w-full lg:w-8/12 xl:w-4/12 lg:px-2 py-2" + className}  {...props} />; }

export function classNameoThird({ className, ...props }) { return <div className={"w-full lg:w-8/12 lg:px-2 py-2" + className}  {...props} />; }