/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 vote124 views1 answer
Css get screen height
CSS
0 vote112 views1 answer
Remove position absolute attribute by adding css
CSS
0 vote72 views1 answer
Css flex fixed width
CSS
3 votes112 views3 answers
Remove on click border
CSS
0 vote126 views2 answers
Css setting table column width
CSS
5 votes114 views6 answers
Pagination
CSS
2 votes104 views5 answers
Figma
CSS
0 vote93 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote117 views2 answers
Counter-style counter css counters
CSS
0 vote122 views1 answer
Bootstrap-navbar-container-fluid
CSS