/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 vote190 views1 answer
Rust get current date
CSS
-1 vote217 views1 answer
883 usd to nis
CSS
7 votes221 views1 answer
Justify text csss
CSS
1 vote200 views2 answers
How to add google fonts to css in react
CSS
0 vote195 views1 answer
Responsive card css
CSS
2 votes250 views1 answer
Large input box bootstrap 4
CSS Bootstrap
99 votes199 views2 answers
Css absolute in absolute
CSS
0 vote207 views1 answer
Object-position
CSS
0 vote182 views1 answer
Script for free code camp test
CSS
0 vote221 views1 answer
Css rotate 3d
CSS