/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 vote213 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
0 vote165 views2 answers
Facebook box-shadow css
CSS
7 votes146 views2 answers
Bootstrap Aligning images
CSS
0 vote143 views1 answer
Ignore default css for react Link
CSS
0 vote169 views1 answer
Css aplying everything
CSS
0 vote163 views1 answer
Github lottie
CSS
0 vote157 views1 answer
Media query change button text
CSS
0 vote144 views1 answer
Touch-action in css
CSS
0 vote156 views1 answer
Sub menu not showing horizontal css
CSS
0 vote149 views1 answer
Add elipses to a dom element with css
CSS