Dcode Design System

Container: Constrained With Padded Content

No notes defined.

<div class="container">
    <div class="prose lg:prose-xl lg:py-xlSpace">
        <h1>Default container</h1>
        <p>For column and grid blocks.</p>
    </div>

    <div class="grid gap-lgSpace sm:grid-cols-2 lg:grid-cols-3 lg:gap-xlSpace">
        <div class=""></div>
        <div class=""></div>
        <div class=""></div>
        <div class=""></div>
        <div class=""></div>
        <div class=""></div>
    </div>
</div>
  • Content: 
    .container--narrow {
    @apply max-w-3xl;
}

.container--wide {
    @apply max-w-full;
}
  • URL: /components/raw/container/container.scss
  • Filesystem Path: components/05-layout/02-container/container.scss
  • Size: 89 Bytes
  • Content: 
    https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FJUMg9qwWNHgaiuoDoEgHkn%2Ffractal.dcodegroup.com%3Fnode-id%3D1%253A26%26t%3D7PFoNpgoOhnxO9FX-1
  • URL: /components/raw/container/figma.txt
  • Filesystem Path: components/05-layout/02-container/figma.txt
  • Size: 179 Bytes