hi there! 👋
the flex property is short for flex-grow, flex-shrink and flex-basis:
-
flex-grow: Defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. A value of 0 prevents the item from growing, while a value of 1 allows the item to grow and fill the container proportionally.
-
flex-shrink: Defines the ability for a flex item to shrink if necessary. It also accepts a unitless value that serves as a proportion. A value of 0 prevents the item from shrinking, while a value of 1 allows the item to shrink proportionally when necessary.
-
flex-basis: Defines the default size of an element before the remaining space is distributed according to the
flex-growandflex-shrinkproperties. It can be a length or auto.
applying one value to flex will modify only the flex-grow property, the second will modify flex-shink, and the third is for flex-basis.
Hope this was helpful 🙏
Good luck and happy coding! 🙌
Marked as helpful
@tortaruga
Posted
Ooh it's a proportion 😅 Thank you @kodan96!
