Justify content

  View in Github

Alignment utilities for flex/grid elements.

.l-jc-center
justify-content: center Center items horizontally (if row).
Parent: <code>display: flex</code> + <code>.l-jc-center</code>  <div style="border: 2px solid black; height: 100px; display:flex" class="l-jc-center"><div class="has-bg-yellow has-padding">Child</div><div class="has-bg-black has-text-white has-padding">Child</div></div>
This class isn't referenced anywhere
.l-jc-space
justify-content: space-between Evenly space items horizontally (if row).
Parent: <code>display: flex</code> + <code>.l-jc-space</code>  <div style="border: 2px solid black; height: 100px; display:flex" class="l-jc-space"><div class="has-bg-yellow has-padding">Child</div><div class="has-bg-black has-text-white has-padding">Child</div></div>
This class isn't referenced anywhere