grid
This is the smallest method of creating a grid following the design rules, which state that grid elements should be no smaller than 300px and have 30px of space between each item. It is very likely that at the template level more sophisticated grids will be required to fit everything onto the page dynamically.
Note: We have not decided yet if the CSS Grid has enough browser support for full use. This page may change in the future.
Example
HTML
<section class="grid">
<article class="card">
...
</article>
<article class="card">
...
</article>
<article class="card">
...
</article>
</section>
RULES
| Property | Value |
|---|---|
| Column width | 300px minimum and stretches to fill between sizes. |
| Spacing between columns | 30px |