/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

10 votes229 views4 answers
Css align ul li horizontal
CSS
1 vote175 views1 answer
Login
CSS
0 vote254 views1 answer
Mathjax beautiful math in all browsers
CSS
3 votes217 views1 answer
Css supports
CSS
0 vote184 views1 answer
Body .div csss
CSS
0 vote203 views1 answer
For...of...loop and NodeLists
CSS
0 vote352 views1 answer
Emotion select all childrens
CSS
0 vote403 views1 answer
Get into a Docker container bash
CSS
0 vote213 views2 answers
Disabled checkbox css
CSS
53 votes200 views4 answers
On hover css
CSS