/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 vote304 views2 answers
Pure css spinner
CSS
2 votes373 views1 answer
@media prefers-color-scheme
CSS
2 votes358 views1 answer
Bootstrap dark mode
CSS
7 votes364 views1 answer
How many fonts can i add in a css font-face
CSS
1 vote359 views1 answer
Backgrond image shopify css
CSS
0 vote497 views1 answer
How to set initial state after first time in formik
CSS
1 vote343 views1 answer
Mysqli load result into array
CSS
0 vote377 views1 answer
Dynamic multi-level in vuejs
CSS
0 vote390 views1 answer
Td wrap text without space
CSS
0 vote364 views1 answer
Flex item: 1;
CSS