<ul class="grid gap-sm">
<li class="col-12 [email protected]">
<ul class="grid gap-sm">
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
</ul>
</li>
<li class="col-12 [email protected]">
<ul class="grid gap-sm">
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
</ul>
</li>
<li class="col-12 [email protected]">
<ul class="grid gap-sm">
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
</ul>
</li>
<li class="col-12 [email protected]">
<ul class="grid gap-sm">
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
<li class="col">
<ul class="grid gap-sm">
<li class="col"></li>
<li class="col"></li>
</ul>
</li>
</ul>
</li>
</ul>// 🐞 CodyFrame
// 📝 Docs: codyhouse.co/ds/docs/framework/grid-layout
body {
padding: var(--space-md);
}
li {
padding: var(--space-sm);
background: var(--color-contrast-lower);
}
li li {
background: var(--color-contrast-higher);
}
li li li {
background: var(--color-primary);
height: 60px;
}