/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 vote244 views2 answers
Color changes in safari css
CSS
30 votes238 views4 answers
Opacity color
CSS
-1 vote210 views1 answer
How to do text center of select element
CSS
1 vote258 views1 answer
New line in flex container
CSS
1 vote261 views1 answer
Duplicate box-shadow on element inner and outer
CSS
1 vote252 views3 answers
Jquery set div height dynamically
CSS
19 votes240 views6 answers
Map method
CSS
-1 vote247 views1 answer
Tachar texto css
CSS
0 vote241 views2 answers
Sass variables across files
CSS
48 votes251 views6 answers
Background color using css
CSS