/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 vote173 views1 answer
Scss nesting
CSS
0 vote176 views3 answers
Split large files
CSS
3 votes173 views3 answers
Css blur text
CSS
0 vote212 views1 answer
Change color to white svg with filter
CSS
0 vote170 views1 answer
Position absolute above everything
CSS
0 vote174 views2 answers
How to zoom picture on hover using css
CSS
0 vote197 views1 answer
How to add css to alt attribute text
CSS
1 vote170 views2 answers
Css button border
CSS
0 vote183 views2 answers
False
CSS
13 votes246 views1 answer
W3schools keyframes
CSS