/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

-1 vote356 views1 answer
<link>
CSS
0 vote388 views1 answer
How to add more animations in css
CSS
0 vote362 views2 answers
Js parallax effect
CSS
0 vote360 views1 answer
Install wrangler
CSS
39 votes412 views6 answers
Css first child
CSS
46 votes399 views2 answers
Customize scrollbar
CSS
2 votes386 views1 answer
Make blur with css
CSS
0 vote373 views1 answer
Feature detect css
CSS
0 vote365 views1 answer
CSS adding background image from file
CSS
4 votes349 views2 answers
Html css rounded corners with mark
CSS