/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 vote122 views1 answer
Mainframe courses udemy
CSS
25 votes103 views6 answers
Multiple nth child css
CSS
25 votes145 views3 answers
Invisible item frames in minecraft
CSS
2 votes127 views2 answers
Header center
CSS
60 votes117 views3 answers
Adding shadow to a div
CSS
1 vote116 views1 answer
How to change style based on screen size
CSS
126 votes126 views7 answers
Css box shadow
CSS
0 vote111 views1 answer
Imporatn css
CSS
61 votes106 views6 answers
Center text in css
CSS
0 vote127 views1 answer
Css make a cell twice as big flexbox
CSS