CSS flex property

src

Description

CSS flex property is a shorthand property of flex-grow or flex-shrink and flex-basis.

Syntax

flex : none | [flex-grow | flex-shrink ] flex-basis

Applicable to

It applies to flex items.

Preview

Code

CSS

.parent{
display:flex;
width:250px;	
background-color:rgba(230,230,230,1);
flex-wrap:wrap;
}
.child{
background-color:rgba(150,150,150,1);
color:white; 
border-radius:3px;
padding:6px;
margin-right:2px;
}

HTML

<div class="parent">
<p class="child">#First 1</p>
<p class="child">#Second 2</p>
<p class="child">#Third 3</p>
<p class="child">#Third 4</p>
<p class="child">#Third 5</p>
</div>

CSS3 Properties

Description

Syntax

Applicable to