/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 vote149 views1 answer
Li only showing first bullet
CSS
0 vote201 views2 answers
What is the request payload in jaavascript fetch
CSS
25 votes173 views5 answers
Css line spacing
CSS
32 votes324 views3 answers
Letter spacing css
CSS
5 votes149 views1 answer
Transform multiple css
CSS
4 votes148 views2 answers
Gap between two flex items
CSS
1 vote104 views1 answer
Css min value
CSS
76 votes166 views6 answers
Reduce method
CSS
23 votes122 views5 answers
Font weight css
CSS
3 votes192 views1 answer
Javafx button padding css
CSS