<div class="grid">
<header>Header</header>
<aside class="col-3">Aside</aside>
<main class="col-9">Main</main>
<footer>Footer</footer>
</div>// 🐞 CodyHouse framework - Grid examples
body {
padding: var(--space-md);
}
.grid {
> * {
text-align: center;
padding: var(--space-md);
}
}
header, footer {
background-color: alpha(var(--color-primary), 0.8);
}
aside {
background-color: alpha(var(--color-primary), 0.2);
}
main {
background-color: alpha(var(--color-primary), 0.5);
}