/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 vote364 views1 answer
Easyui datagrid header multiline
CSS
7 votes368 views2 answers
Transition css hover
CSS
1 vote365 views2 answers
How to specify css for smaller screen
CSS
0 vote372 views1 answer
Add glow to image css
CSS
10 votes375 views10 answers
Fortnite
CSS
0 vote382 views1 answer
Css changer la couleur de la sélection
CSS
1 vote448 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
3 votes346 views2 answers
How to make border for letters in css
CSS
162 votes431 views5 answers
Css shaddow
CSS
0 vote356 views1 answer
Change mouse pointer on image hover
CSS