Utilities for controlling how flex and grid items are positioned along a container's main axis.
justify-around
justify-content: space-around;
justifyContent: space-around
justify-baseline
justify-content: baseline;
No native equivalent
justify-between
justify-content: space-between;
justifyContent: space-between
justify-center
justify-content: center;
justifyContent: center
justify-center-safe
justify-content: safe center;
justifyContent: center
justify-end
justify-content: flex-end;
justifyContent: flex-end
justify-end-safe
justify-content: safe flex-end;
justifyContent: flex-end
justify-evenly
justify-content: space-evenly;
justifyContent: space-evenly
justify-normal
justify-content: normal;
No native equivalent
justify-start
justify-content: flex-start;
justifyContent: flex-start
justify-stretch
justify-content: stretch;
No native equivalent
The React Native column is what AstraWind resolves each class to, computed live on this page with the current color scheme. Classes with no native equivalent are accepted without effect, and AstraWind warns about them in development. See
Compatibility.