/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 vote172 views1 answer
Css perfekt min width mobile
CSS
0 vote178 views1 answer
Css banner image
CSS
0 vote175 views1 answer
Css diminuer épaisseur trait
CSS
0 vote193 views2 answers
Modal pop up html css
CSS
19 votes172 views2 answers
Center div in middle of page
CSS
0 vote185 views2 answers
Hide Categories - Woocommerce Product Page
CSS
0 vote176 views1 answer
Style50 for cs50
CSS
42 votes225 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote166 views1 answer
Css remove margin around page
CSS
0 vote177 views1 answer
Mvc dynamic css
CSS