/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

0 vote204 views1 answer
Add expanding underline on page load css
CSS
3 votes230 views1 answer
Javafx button padding css
CSS
6 votes226 views3 answers
Css scroll snap
CSS
0 vote197 views2 answers
Easyui datagrid header field color
CSS
44 votes211 views6 answers
Select odd child css
CSS
3 votes241 views1 answer
Learn css animation
CSS
0 vote199 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
11 votes191 views3 answers
Css ellipsis max width
CSS
0 vote213 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
21 votes243 views5 answers
CSS italic
CSS