Equal grid

Description

This layout patterns allows for an equal grid list of items. Spanning from a minimum of 200px to 1fr of however many can fit. The plan for this layout pattern is to have variations as you need larger sized blocks. When CSS Grid is not supported this falls back to using an inline-block based styling.

Usage

Usage example

Code example

<div class="u-equal-grid">
  <div class="placeholder-component"></div>
  <div class="placeholder-component"></div>
  <div class="placeholder-component"></div>
  <div class="placeholder-component"></div>
  <div class="placeholder-component"></div>
  <div class="placeholder-component"></div>
</div>