/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 vote241 views1 answer
Install scss
CSS
5 votes302 views2 answers
Onclick reload an iframe
CSS
0 vote235 views1 answer
Css flex fixed width
CSS
0 vote321 views1 answer
Center a button wordpress
CSS
0 vote301 views1 answer
Double border color css
CSS
17 votes235 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
0 vote289 views1 answer
New line ::after class
CSS
0 vote354 views1 answer
Remove materialize style input
CSS Materialize
0 vote302 views1 answer
Input remove blue glow
CSS
8 votes280 views4 answers
Css left
CSS