Серия блоков2

by pharma_nsk

HTML

<body>
<div class="all">
<div class="first"></div>
<div class="second"></div>
<div class="third"></div>
<div class="fourth"></div>
<div class="fifth"></div>
</div>
</body>

CSS

body{background-color:#19D1FF;}
/* div {display:block; height: 150px; background-color:white; margin-top:40px; float:left; margin-left:2%; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);} */
.all {display:flex; margin-top:40px; padding:0 20px;}
div:not(.all) {height: 150px; background-color:white;  margin-right: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }
.first {flex-grow:0.5;}
.second {flex-grow:1;}
.third {flex-grow:2;}
.fourth {flex-grow:4;}
.fifth {flex-grow:8;}