/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

7 votes237 views3 answers
Bootstrap remove outline
CSS Bootstrap
0 vote224 views1 answer
Couloured button link generator code scss
CSS
0 vote226 views1 answer
Css opacité fond mais pas texte
CSS
0 vote225 views1 answer
Disable line breaking html span
CSS
13 votes275 views6 answers
Tailwind center vertically
CSS
0 vote231 views1 answer
Html5 video hide progress bar
CSS
0 vote224 views1 answer
Alinhar componentes css
CSS
3 votes235 views2 answers
How to zoom iin by default in html page
CSS
0 vote221 views1 answer
Style textarea in css
CSS
0 vote219 views1 answer
Text align in materialize css
CSS