/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

8 votes312 views4 answers
Css dark mode
CSS
5 votes275 views3 answers
How to change radio button color
CSS
6 votes283 views5 answers
Table fixed header
CSS
1 vote262 views1 answer
Right-align in vbox
CSS
2 votes304 views2 answers
Vertical align span tailwindscss
CSS
0 vote285 views1 answer
Ul text decoration css
CSS
3 votes300 views2 answers
Remove highlight input css
CSS
0 vote220 views1 answer
Set background transparency
CSS
3 votes274 views2 answers
Css glow text
CSS
0 vote276 views1 answer
Crop image instead of resize css
CSS