/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 vote101 views1 answer
Scss darken color
CSS
50 votes116 views6 answers
Backgroud color css
CSS
0 vote111 views1 answer
Remove 000webhost ads
CSS
1 vote76 views1 answer
Html css bilder nebeneinander
CSS
0 vote111 views1 answer
Réglage de constantes PHP
CSS
1 vote110 views1 answer
Remove ul decoration
CSS
197 votes301 views6 answers
Connect html file to css
CSS
0 vote119 views1 answer
Can a div change an item in another div css
CSS
150 votes162 views2 answers
How to link your css file to html
CSS
55 votes230 views5 answers
Bootstrap 3 button
CSS Bootstrap