/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 vote127 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
0 vote115 views2 answers
Add transition to zoom button on hover
CSS
12 votes109 views2 answers
Css not first child
CSS
0 vote99 views1 answer
Css pixel art
CSS
2 votes102 views1 answer
Size carousel bootstrap 4
CSS
0 vote103 views1 answer
Nginx proxy_pass pass css asset not loading
CSS
5 votes105 views3 answers
Back color rbg
CSS
3 votes107 views1 answer
Css edit scroll bar
CSS
0 vote97 views1 answer
Css media two conditions
CSS
0 vote111 views1 answer
Change size
CSS