/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

41 votes355 views6 answers
Linux folder size
CSS
0 vote364 views1 answer
Separar letras en css
CSS
0 vote320 views6 answers
Vertical multi color border css
CSS
1 vote339 views1 answer
Font condensed
CSS
37 votes341 views3 answers
Css selector first level child
CSS
3 votes327 views1 answer
Css scrollbar vertical only
CSS
5 votes354 views2 answers
Css transform transition
CSS
4 votes324 views3 answers
Webkit
CSS
51 votes304 views5 answers
Css reset
CSS
32 votes299 views6 answers
Animations css
CSS