/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 vote216 views1 answer
Aos makes screen unresponsive
CSS
0 vote191 views1 answer
Html don't select text
CSS
0 vote258 views1 answer
Css inherit class
CSS
0 vote230 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
1 vote266 views1 answer
Content-visibility
CSS
1 vote192 views1 answer
Animated background css
CSS
0 vote211 views1 answer
Vertical align x horizontal
CSS
0 vote204 views1 answer
Cannot apply border radius to tr
CSS
0 vote203 views2 answers
Create column with values mapped from another column python
CSS
1 vote221 views1 answer
How to do a smooth transform scale
CSS