/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

3 votes132 views3 answers
Css border left
CSS
1 vote149 views1 answer
Free computer screen recording software
CSS
-1 vote130 views1 answer
Css blur gradient
CSS
0 vote149 views1 answer
Flex box writing sideways text top to bottom
CSS
0 vote137 views1 answer
Bootstrap remove unused css
CSS
2 votes137 views1 answer
Last second css
CSS
2 votes159 views1 answer
Table overflow not working
CSS
23 votes140 views5 answers
Align item center flex
CSS
72 votes118 views6 answers
Css font size
CSS
0 vote127 views1 answer
Css local variable
CSS