/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 vote333 views1 answer
Importing scss into vue component
CSS
10 votes331 views3 answers
Html disable suggestions
CSS
2 votes291 views1 answer
Autofit grid css
CSS
1 vote291 views1 answer
Double color background css
CSS
17 votes307 views5 answers
Sass react
CSS
0 vote304 views4 answers
Tabs css only
CSS
-2 votes297 views1 answer
Scaling Images and Videos css
CSS
0 vote348 views1 answer
Bulma modal
CSS Bulma
0 vote299 views1 answer
Change color to white svg with filter
CSS
2 votes292 views2 answers
Half circle css
CSS