Justify Selfs

Version: 0.9.0

Edit

Sets the way a flex/grid item is justified inside its container. (MDN web docs)

Basic

Justify Self Center

Justify Self Start

Justify Self End

Justify Self Stretch

<!-- justify self center -->
<div>
  <div class="u-justify-self-center">Justify Self Center</div>
</div>

<!-- justify self start -->
<div>
  <div class="u-justify-self-start">Justify Self Start</div>
</div>

<!-- justify self end -->
<div>
  <div class="u-justify-self-end">Justify Self End</div>
</div>

<!-- justify self stretch -->
<div>
  <div class="u-justify-self-stretch">Justify Self Stretch</div>
</div>

Justify Self Baseline

<!-- justify self baseline -->
<div>
  <div class="u-justify-self-baseline">Justify Self Baseline</div>
</div>

Justify Self Inherit

Justify Self Initial

Justify Self Unset

<!-- justify self inherit -->
<div>
  <div class="u-justify-self-inherit">Justify Self Inherit</div>
</div>

<!-- justify self initial -->
<div>
  <div class="u-justify-self-initial">Justify Self Initial</div>
</div>

<!-- justify self unset -->
<div>
  <div class="u-justify-self-unset">Justify Self Unset</div>
</div>