/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 vote323 views1 answer
$scope.$apply
CSS
15 votes338 views2 answers
Transition background gradient
CSS
5 votes325 views1 answer
Css animate flashing
CSS
1 vote521 views2 answers
How to make background more darker with css
CSS
0 vote335 views1 answer
Tag name css doesn't work
CSS
2 votes331 views1 answer
Css no bottom ouline
CSS
0 vote352 views1 answer
Css set width of a span
CSS
0 vote325 views1 answer
Add css class c#
CSS
0 vote322 views1 answer
Css background text clip
CSS
0 vote304 views1 answer
Truncate long line with dots
CSS