What does flex 1 mean

0 votes

The flex property is a shorthand for the flex-grow, flex-shrink, and flex-basis attributes, as we all know. The default value is 0 1 auto, which implies it has no effect.

flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;

However, I've seen that flex: 1 is utilised in a lot of places. Is 1 1 auto or 1 0 auto abbreviated? I'm not sure what that signifies, and a Google search yields nothing.

Jun 17 in CSS by Edureka
• 7,940 points
7 views

1 answer to this question.

0 votes
If an element has flex: 1, it signifies that the width of all other elements will be the same as their content, but the element with flex: 1 will be given the remaining full space.
answered Jun 17 by Edureka
• 8,460 points

Related Questions In CSS

0 votes
0 answers

CSS reset - What exactly does it do?

This reset.css file was hidden inside a ...READ MORE

5 days ago in CSS by Edureka
• 7,940 points
7 views
0 votes
1 answer

What is css Combinator?

hey @kartik, A combinator is something that explains ...READ MORE

answered Feb 4, 2020 in CSS by Niroj
• 82,720 points
324 views
0 votes
0 answers
0 votes
1 answer

Why vh works and % doesn't? (height css)

The height of an element, by default, ...READ MORE

answered Jun 10 in CSS by Edureka
• 8,460 points
13 views
0 votes
1 answer

Flex wrap and overflow on both column and row

Here's a workaround, but it comes with ...READ MORE

answered Jun 13 in CSS by Edureka
• 8,460 points
20 views
0 votes
0 answers

Controlling the amount of space in justify-content: space-between

I was trying to figure out how ...READ MORE

18 hours ago in CSS by Edureka
• 7,940 points
8 views
0 votes
2 answers

Define a SQL query? What is the difference between SELECT and UPDATE Query? How do you use SQL in SAS?

HI.. SQL is Structured Query Language, which is ...READ MORE

answered Aug 8, 2020 in PHP by anonymous
4,471 views
0 votes
1 answer

What does !important mean in CSS?

The CSS! important rule is used to ...READ MORE

answered Jun 1 in CSS by Edureka
• 8,460 points
12 views
0 votes
1 answer

What is the proper way to display a logo with CSS?

An <img> element is the proper way ...READ MORE

answered Jun 10 in CSS by Edureka
• 8,460 points
18 views
webinar REGISTER FOR FREE WEBINAR X
Send OTP
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP