/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 vote317 views1 answer
Break pre text
CSS
2 votes317 views3 answers
Make an image smaller css
CSS
2 votes306 views1 answer
How to distribute vertically the items in css
CSS
29 votes341 views4 answers
Css input selector
CSS
-2 votes305 views1 answer
Css transform translate and rotate
CSS
0 vote324 views3 answers
Slick slider and ACF Pro in WordPress
CSS
0 vote327 views1 answer
Css animation sin
CSS
35 votes327 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
0 vote351 views2 answers
Weer
CSS
1 vote324 views6 answers
Ease in out css
CSS