Dcode Design System

Section: Default

  • A section is the wrapper for a container.
  • It is always full width of the viewport.
  • Spacing on the top and bottom is required for the child content.
  • It will often have a background image or colour when used with customer content.
<div class="bg-tertiary-200 py-lgSpace lg:py-xlSpace">
    <div class="container">
        <div class="prose lg:prose-xl">
            <ol>
                <li>A section is the wrapper for a container.</li>
                <li>It is always full width of the viewport.</li>
                <li>Spacing on the top and bottom is required for the child content.</li>
                <li>It will often have a background image or colour when used with customer content.</li>
            </ol>
        </div>
    </div>
</div>
  • Content: 
    https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FJUMg9qwWNHgaiuoDoEgHkn%2Ffractal.dcodegroup.com%3Fnode-id%3D1%253A25%26t%3D7PFoNpgoOhnxO9FX-1
  • URL: /components/raw/section/figma.txt
  • Filesystem Path: components/05-layout/01-section/figma.txt
  • Size: 179 Bytes