Front End, HTML/CSS, Uncategorized

Flexbox Part (10) – || flex-basis & flex shorthand

  • The css flexbox makes it easier to design flexible responsive layout structure without using float or positioning.
  • The flex-basis property specifies the initial size of a flex item.
  • The default value for flex-basis is auto;
  • flex is a shorthand for flex-grow, flex-shrink and flex-basis.
  • flex shrink and flex basis are optional.
  • The default value for flex is: flex: 0 1 auto;

Related posts:

Flexbox Part (9) – Arabic || flex-shrink

Flexbox CSS Part (8) – Arabic || flex-grow

Flexbox CSS Part (7) – Arabic || order

2 thoughts on “Flexbox Part (10) – || flex-basis & flex shorthand”

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s