<ul class="grid gap-xs">
  <li class="col"></li>
  <li class="col"></li>
  <li class="col"></li>
</ul>

<ul class="grid gap-xs margin-top-xs">
  <li class="col-2"></li>
  <li class="col-2"></li>
  <li class="col"></li>
</ul>
body {
	padding: var(--space-md);
}

li {
	height: 60px;
  border-radius: var(--radius-md);
}

li:first-child {
  background-color: var(--color-primary-light);
}

li:nth-child(2) {
  background-color: var(--color-primary);
}

li:last-child {
  background-color: var(--color-primary-dark);
}

External CSS

  1. https://unpkg.com/codyframe/main/css/reset.css
  2. https://unpkg.com/codyframe/main/css/typography.css
  3. https://unpkg.com/codyframe/main/css/icons.css
  4. https://unpkg.com/codyframe/main/css/util.css

External JavaScript

This Pen doesn't use any external JavaScript resources.