/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 vote312 views2 answers
Css flex justify self
CSS
0 vote284 views1 answer
Css table th width
CSS
0 vote316 views1 answer
Css chamfered corner
CSS
0 vote289 views1 answer
CSS style all div elements
CSS
0 vote282 views3 answers
Change text in a div css
CSS
-1 vote304 views1 answer
Focus on input change label color
CSS
2 votes338 views3 answers
How to disable link in hmtl
CSS
0 vote305 views2 answers
Counter-style counter css counters
CSS
37 votes283 views2 answers
Css transform y
CSS
1 vote299 views1 answer
Css flex divide evenly
CSS