/CSS/Use flex in container with multiple components

Use flex in container with multiple components

.wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;         /* NEW */
  height: 100px;                  /* NEW */
  justify-content: space-between; /* NEW */
}
.elem1 {
  width: 20%;
  flex-basis: 100%;               /* NEW */
  border: 1px solid red;
}
.elem2,
.elem3 {
  width: 75%;
  flex-basis: 40%;                /* NEW */
  border: 1px solid red;
}

Source: stackoverflow.com

Similar codes

0 vote235 views2 answers
Get element with href css
CSS
5 votes213 views2 answers
Css for disabled button
CSS
1 vote326 views1 answer
Materialize button
CSS Materialize
0 vote303 views1 answer
Images css in react native fir in container
CSS
0 vote206 views2 answers
Change svg color on hover, css
CSS
29 votes220 views5 answers
Kill all ports
CSS
0 vote206 views1 answer
Css hover change more than one element
CSS
6 votes213 views1 answer
Hidden vs visible
CSS
-1 vote194 views1 answer
Css blur gradient
CSS
0 vote230 views1 answer
Circle css animation
CSS