/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

2 votes183 views1 answer
Uninstall pm2
CSS
37 votes170 views3 answers
Inline svg css
CSS
0 vote167 views1 answer
Many pseudo selectors in css
CSS
10 votes232 views3 answers
Javascript average of numbers in array
CSS
0 vote169 views1 answer
Css on field blank red border
CSS
0 vote184 views2 answers
How to take of underline from link through css
CSS
0 vote172 views2 answers
How to add an image to a label in css
CSS
1 vote182 views1 answer
Z-index on position absolute
CSS
1 vote299 views1 answer
Materialize button
CSS Materialize
0 vote169 views1 answer
Table with vertical lines in angular
CSS