Contents
What is CSS flex basis?
The CSS flex-basis
property only applies to flex items. By using it, you can set the initial length for flex items:
a:nth-of-type(3) {
-webkit-flex-basis: 50px; /* Safari 6.1 and newer */
flex-basis: 50px;
}
The CSS flex-basis property syntax
The syntax for the flex-basis
property is as follows:
flex-basis:value;
The available property values are presented in the following section.

- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid certificates of completion

- Professional service
- Flexible timetables
- A variety of features to choose from
- Professional certificates of completion
- University-level courses
- Multiple Online degree programs

- Great user experience
- Offers quality content
- Very transparent with their pricing
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Property values
Value | Description |
---|---|
auto |
The default value. The size of the element depends on width and height properties |
content |
The size of the element depends on its content |
Length units | The initial size of the flex item defined in CSS length units (e.g., px) |
Percentages | The initial size of the flex item defined in percentages, representing the relation to the size of the parent flex container |
Browser support

Chrome

Edge

Firefox

IE

Opera

Safari
Mobile browser support

Chrome

Firefox

Opera

Safari
Latest Udacity Coupon Found:
75% OFF COURSES
Udacity Black Friday Offer
The best time to save on Udacity courses is now - follow this coupon to access a 75% Udacity Black Friday discount & enjoy learning at a very low cost!