It allows you to design a flexible responsive layout structure without using any float or positioning property of CSS. To use CSS flexbox you need to define a flex container initially.
Example:
.flex-container {
display: flex;
background-color: #f4b042;
}
.flex-container > div {
background-color: #d60a33;
margin: 10px;
padding: 20px;
font-size: 30px;
}
1
2
3
Example of flexbox.