/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 vote292 views1 answer
Make blinking cursor disappear css
CSS
0 vote284 views1 answer
Sticky footer not working bootstrap
CSS
1 vote259 views1 answer
Sql file extension
CSS
0 vote253 views1 answer
Chrome console remove css dark mode
CSS
0 vote239 views1 answer
Mat slider custom color
CSS
2 votes229 views1 answer
Otf css3 font-face
CSS
0 vote256 views1 answer
Make backgrond image smaller
CSS
1 vote227 views1 answer
Code changes to Hostgator not being reflected
CSS
74 votes252 views6 answers
Flex box
CSS
0 vote276 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS