In this post I’m going to add in more properties used in flex.
Flex basis= defines initial size of element before additional space is distributed.
Flex-grow= controls amount of available space an element should take up, it accepts units less number value.
Flex shrink= If items are larger than container, they shrink accordingly to flex-shrink.
Flex basis is a measurement used when in rows.
Flex grow takes available space
Min and max sets certain width size and if you turn flex wrap off it keeps within requirement.
Comments