/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

1 vote355 views2 answers
Css animation linear
CSS
0 vote349 views1 answer
Height current -3px css
CSS
23 votes349 views5 answers
Align item center flex
CSS
69 votes368 views6 answers
Flexbox elements
CSS
1 vote341 views1 answer
-mos css
CSS
0 vote339 views1 answer
Css animation delay does not work
CSS
2 votes325 views1 answer
Ion input change font size
CSS
3 votes316 views1 answer
Select text-align center
CSS
0 vote342 views1 answer
Css make background image repeat horizontal
CSS
0 vote356 views1 answer
Menu multiple colums batch
CSS