HTML
<article class="pa3 pa5-ns" data-name="slab-stat">
<h1>Today</h1>
<dl class="dib mr5">
<dd class="f6 f5-ns b ml0">Closed Issues</dd>
<dd class="f3 f2-ns b ml0">1,024</dd>
</dl>
<dl class="dib mr5">
<dd class="f6 f5-ns b ml0">Open Issues</dd>
<dd class="f3 f2-ns b ml0">993</dd>
</dl>
<dl class="dib mr5">
<dd class="f6 f5-ns b ml0">Next Release</dd>
<dd class="f3 f2-ns b ml0">10-22</dd>
</dl>
<dl class="dib mr5">
<dd class="f6 f5-ns b ml0">Days Left</dd>
<dd class="f3 f2-ns b ml0">4</dd>
</dl>
<dl class="dib mr5">
<dd class="f6 f5-ns b ml0">Favorite Cat</dd>
<dd class="f3 f2-ns b ml0">All of Them</dd>
</dl>
<dl class="dib">
<dd class="f6 f5-ns b ml0">App Downloads</dd>
<dd class="f3 f2-ns b ml0">1,200</dd>
</dl>
</article>
css
.dib {
display: inline-block;
}
.b {
font-weight: bold;
}
.pa3 {
padding: 1rem;
}
.ml0 {
margin-left: 0;
}
.mr5 {
margin-right: 4rem;
}
.f3 {
font-size: 1.5rem;
}
.f6 {
font-size: .875rem;
}
@media screen and (min-width: 30em) {
.pa5-ns {
padding: 4rem;
}
.f2-ns {
font-size: 2.25rem;
}
.f5-ns {
font-size: 1rem;
}
}