/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

50 votes198 views6 answers
Css align center
CSS
73 votes204 views6 answers
Flexbox in css
CSS
0 vote201 views1 answer
Giving body maximum width in css
CSS
2 votes223 views1 answer
Material design css
CSS
37 votes195 views1 answer
Trumping
CSS
1 vote194 views1 answer
Reset all input styles with 1 property css
CSS
82 votes184 views6 answers
Text-shadow css
CSS
0 vote221 views1 answer
Css loader with gradient
CSS
2 votes201 views1 answer
Kerning css
CSS
1 vote180 views1 answer
Css table grid
CSS