/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 vote172 views2 answers
How to specify css for smaller screen
CSS
0 vote183 views1 answer
-webki slider runnable track
CSS
96 votes228 views2 answers
How to position in css
CSS
3 votes179 views1 answer
What is a pseudo selector?
CSS
0 vote200 views1 answer
Unclickable button
CSS
0 vote177 views1 answer
Disable text higlighting
CSS
4 votes200 views2 answers
How to make background fixed while scrolling
CSS
0 vote167 views1 answer
Git apagar branch remoto
CSS
0 vote180 views1 answer
Button highlight none css
CSS
11 votes188 views2 answers
Scss include
CSS