/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

3 votes365 views5 answers
India
CSS
8 votes337 views1 answer
When hover target diffrent element
CSS
0 vote364 views1 answer
Style scrollbar table
CSS
17 votes337 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote373 views1 answer
Css selectors presentation
CSS
1 vote319 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS
0 vote317 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
0 vote358 views1 answer
How to make png smaller css
CSS
0 vote372 views2 answers
Désactiver le hotlinking de vos images
CSS
0 vote279 views1 answer
Select multiple id css
CSS