/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

7 votes125 views1 answer
Remve arrow from input ype number
CSS
75 votes134 views6 answers
Flexbox
CSS
0 vote195 views1 answer
Div overlfow scroll
CSS
2 votes187 views8 answers
Bootstrap 5
CSS Bootstrap
0 vote118 views1 answer
Gulp association of files
CSS
1 vote147 views1 answer
Make mat card scrollable
CSS
23 votes133 views5 answers
Image rotate css
CSS
0 vote123 views1 answer
Htaccess file extension
CSS
1 vote128 views1 answer
Remove site title squarespace
CSS
1 vote138 views1 answer
Css break wrap header
CSS