Flex basic

by Roberto Apasajja

HTML

<div class="container">
  <div class="initial">dsfd fdsfd sfdsfds fdsfddsfd fdsfd sfdsfds fdsfddsfd s fdsfd</div>
  <div class="none">aa</div>
  <div class="flex1">bb</div>
  <div class="flex2">cc</div>
</div>

CSS

.container {
  display: flex;
  background:pink;
}
.initial {
          flex: 3;
}
.none {
          flex: 2;
}
.flex1 {
          flex: 1;
}
.flex2 {
          flex: 1;
}

.container div{
  border:1px solid white
}
html{
  background: grey
}