/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 vote150 views1 answer
Inset boxshadow
CSS
13 votes171 views1 answer
W3schools keyframes
CSS
0 vote141 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
0 vote415 views1 answer
Style scrollbar table
CSS
0 vote141 views1 answer
Text size to fit button
CSS
12 votes239 views2 answers
How to center element in bulma
CSS Bulma
0 vote143 views1 answer
Css for vertical height
CSS
14 votes200 views6 answers
Bootstrap image size
CSS Bootstrap
35 votes141 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
42 votes138 views5 answers
Css center everything
CSS