/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

39 votes205 views2 answers
Css to increase font size
CSS
0 vote197 views2 answers
Min font-size
CSS
0 vote224 views1 answer
Move element on new line css
CSS
-1 vote209 views1 answer
Css grid column height fit content
CSS
-1 vote179 views1 answer
Responsiveness in bootstrap
CSS
44 votes219 views6 answers
Textarea disable resize
CSS
3 votes210 views4 answers
How to remove border on button click
CSS
0 vote225 views1 answer
Material css navbar
CSS
31 votes271 views3 answers
Rgba blue color
CSS
0 vote229 views1 answer
Line sharpness css
CSS