The Grid
OneTouch StyleChange DesignSystem
ToggleCode
value
flex
displayFlex
displayFlex
displayGrid
displayGrid
non-repeat
repeat(3, auto)
repeat(4, auto)
repeat(auto-fit, minmax(120px, 1fr))
reset
Reset
justifyContent
start
center
end
space-between
space-around
space-evenly
alignItems
start
center
end
baseline
stretch
flexDirection
with Flex
row
column
row-reverse
column-reverse
flexWrap
with Flex
nowrap
wrap
wrap-reverse
justifySelf
with Grid
start
center
end
baseline
stretch
alignSelf
start
center
end
baseline
placeItems
with Grid
start
center
end
baseline
stretch
self item
Elm 2
Elm 3
Elm 4
Elm 5
Elm 6
Elm 7
Elm last