/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

4 votes151 views2 answers
Css center vertically
CSS
0 vote148 views1 answer
Css letter spacing tight
CSS
6 votes134 views4 answers
Change border highlight color on an input text element
CSS
1 vote166 views1 answer
Add image to div in css
CSS
0 vote142 views1 answer
Mailto link with no decoration
CSS
2 votes152 views1 answer
Admin dashboard html css
CSS
0 vote146 views2 answers
Write mode css
CSS
1 vote216 views1 answer
Css rules only for mozilla
CSS
4 votes145 views1 answer
Resize in css
CSS
0 vote155 views2 answers
Css background image is not show change default picture
CSS