Dcode Design System

Container: Wide

No notes defined.

<div class="container container--wide">
    <div class="space-y-xlSpace">
        <div class="prose lg:prose-xl lg:py-xlSpace">
            <h1>Wide container</h1>
            <p>For hero images or large format videos.</p>
        </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