Flexbox

Smooth UI provides classes to create flexboxes.

Class
CSS Applied

.flex

display: flex;

.justify-start

justify-content: flex-start

.justify-center

justify-content: center;

.justify-end

justify-content: flex-end;

.justify-space-around

justify-content: space-around;

.justify-space-even

justify-content: space-evenly

.justify-space-between

justify-content: space-between

.align-start

align-items: flex-start

.align-end

align-items: flex-end

.align-center

align-items: center

Last updated