Quick grid - Alex Chan

Responsive grid

A quick even and responsive grid layout.

Some heading text

Content text

Some heading text

Content text

Some heading text

Content text


export function ExampleGrid() {
  return (
    <div className="grid gap-4 md:auto-cols-max md:grid-flow-col">
      {Array.from({ length: 3 }, (_, i) => (
        <div className="bg-slate-500 p-8">
          <div className="text-xl font-extrabold text-white">
            Some heading text
          </div>
          <div>Content text</div>
        </div>
      ))}
    </div>
  )
}