/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

4 votes264 views2 answers
Bootstrap icons sdn
CSS Bootstrap
-2 votes252 views2 answers
Text sliding css
CSS
0 vote237 views1 answer
How to make text disappear after a certain length css
CSS
0 vote240 views1 answer
Overriding fullpage js anchor style
CSS
1 vote246 views3 answers
How to stop input from highlighting onclick
CSS
0 vote250 views1 answer
Very responsive grid layout
CSS
-1 vote280 views4 answers
Css after
CSS
0 vote251 views1 answer
Sub menu not showing horizontal css
CSS
0 vote279 views1 answer
Random color scss
CSS
7 votes231 views6 answers
Tailwind css cdn
CSS