/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 vote126 views1 answer
Django html not using css
CSS
0 vote122 views1 answer
Css grid auto row
CSS
9 votes135 views2 answers
Align items in row css
CSS
0 vote119 views1 answer
Text zentrieren
CSS
1 vote128 views1 answer
Css animate border bottom left to right
CSS
12 votes129 views3 answers
Docker restart container
CSS
0 vote192 views1 answer
Remove focus blue lines from anchor tag
CSS
65 votes129 views3 answers
Css variables
CSS
1 vote131 views1 answer
What css font smoothing
CSS
32 votes138 views6 answers
Animations css
CSS