12-column grid · 24px gutter
1
2
3
4
5
6
7
8
9
10
11
12
- xs 0 · sm 576 · md 768 · lg 1080 · xl 1400
Using the primitive
<div class="rp-grid-12"> <section class="rp-col-span-7">...body text (RHDS max)</section> <aside class="rp-col-span-5">...sidebar</aside> </div>