Question

Which of the following specifies initial length of flex item?

(a) flex-flow

(b) flex-grow

(c) flex-shrink

(d) flex-basis

I have been asked this question during an online interview.

The doubt is from Styling HTML5 Layout with CSS topic in section Flash Videos, HTML5 Layout & Practical Information of HTML

Answer 1

The correct option is (d) flex-basis

For explanation: flex-basis property specifies the initial length of the flex item, flex-shrink property specifies how much a flex item will shrink relative to rest of flex items, the value must be a number and a default value is 1. The flexible-grow property is a relative comparison between the items. It decides how much item will grow relative to the rest of flexible items inside the same container.