Make it widerrr

This commit is contained in:
Ivan Evans 2024-09-25 21:24:31 -06:00
parent 8e0c5d73d2
commit 29d520275b
2 changed files with 3 additions and 3 deletions

View file

@ -11,8 +11,8 @@ export function WideContainer(props: WideContainerProps) {
<div
className={`mx-auto max-w-full px-8 ${
props.ultraWide
? "w-[1300px] 2xl:w-[2000px] 3xl:w-[2400px] 4xl:w-[2800px]"
: "w-[900px] 2xl:w-[1400px] 3xl:w-[1600px] 4xl:w-[1800px]"
? "w-[1300px] xl:w-[18000px] 3xl:w-[2400px] 4xl:w-[2800px]"
: "w-[900px] xl:w-[1200px] 3xl:w-[1600px] 4xl:w-[1800px]"
} ${props.classNames || ""}`}
>
{props.children}

View file

@ -8,7 +8,7 @@ export const MediaGrid = forwardRef<HTMLDivElement, MediaGridProps>(
(props, ref) => {
return (
<div
className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 2xl:grid-cols-6 3xl:grid-cols-8 4xl:grid-cols-10"
className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 3xl:grid-cols-8 4xl:grid-cols-10"
ref={ref}
>
{props.children}