/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 vote157 views1 answer
Line sharpness css
CSS
0 vote154 views1 answer
Chenge number of lines of text in css
CSS
0 vote159 views2 answers
Codeigniter return last inserted id
CSS
3 votes154 views2 answers
Centralize div flex
CSS
4 votes208 views1 answer
Bootstrap file select class
CSS Bootstrap
18 votes149 views2 answers
How to make a game engine
CSS
1 vote154 views1 answer
Css table grid
CSS
37 votes166 views3 answers
Css selector first level child
CSS
0 vote157 views1 answer
Css tricks stretch content full witdh
CSS
1 vote409 views1 answer
Padding for text in html
CSS