/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

1 vote194 views1 answer
Css line break width
CSS
0 vote181 views1 answer
Responsive gradient background css
CSS
64 votes183 views3 answers
How to use variables in css
CSS
1 vote183 views1 answer
Padding for text in html
CSS
17 votes205 views2 answers
Linking css
CSS
0 vote178 views2 answers
Filter array by keyword
CSS
0 vote180 views1 answer
How to use hr lines in a class css
CSS
8 votes181 views1 answer
How to align items in css
CSS
0 vote185 views1 answer
Make td match display flex
CSS
1 vote185 views1 answer
Why is my css code not working
CSS