justifyContent value |
Preview |
|---|---|
flex-start The default value for justifyContent is flex-start. This justifies content to the start of its container's main axis: the top edge for column layouts and the left edge for row layouts. |
  |
flex-end flex-end justifies content to the end of its flex container's main axis: the bottom edge for column layouts and the right edge for row layouts. |
  |
center center justifies content to the center of its container's main axis |
  |
space-between space-between spaces contents evenly, with remaining space distributed between each item |
  |
space-around space-around spaces contents evenly, with remaining space distributed between children, before the first item, and after the last item. Only half as much space will be distributed before the first and after the last item as is distributed between each item. |
  |
space-evenly space-evenly distributes contents evenly with exactly the same amount of space between each item, before the first item, and after the last time |
  |
Last active
May 25, 2022 11:31
-
-
Save tanner-west/86b6ee3e3cd51a9f7bd5731ee589d83c to your computer and use it in GitHub Desktop.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment