app-ui / layout / containers

Narrow Constrained With Padded Content

← All blocks
05-narrow-constrained-with-padded-content.jsx
export default function Example() {
  return (
    <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
      {/* We've used 3xl here, but feel free to try other max-widths based on your needs */}
      <div className="mx-auto max-w-3xl">{/* Content goes here */}</div>
    </div>
  )
}