Justify Items
Controls the alignment of grid elements relative to their inline axis.
| Class | Property |
|---|---|
| ji-c | justify-items: center; |
| ji-e | justify-items: end; |
| ji-s | justify-items: start; |
| ji-st | justify-items: stretch; |
Using responsive modifiers
Using responsive breakpoints like sm:ji-*,
md:ji-*, lg:ji-*, and xxl:ji-* allows targeting specific utilities in
different viewports.
<div class="ji-s md:ji-e ..."></div>Using hover modifiers
Using :hover modifiers such as h:ji-* allows
you to override elements and change their values when hovering over them.
<div class="ji-s h:ji-e ..."></div>