/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

21 votes197 views3 answers
Disable cursor css
CSS
0 vote148 views1 answer
Element selector css
CSS
2 votes126 views2 answers
Poppins cdn
CSS
126 votes145 views7 answers
Css box shadow
CSS
7 votes126 views3 answers
Border width css
CSS
0 vote144 views1 answer
Ellipsis css in table cell 2 lines
CSS
49 votes131 views6 answers
Min and max width media query
CSS
2 votes136 views1 answer
How to apply css to firefox only
CSS
1 vote247 views2 answers
Block elements css
CSS
1 vote144 views1 answer
Wave css
CSS