css battle i scored 100% number 4
<body>
<div class="A"></div>
<div class="B"></div>
<div class="C"></div>
<div class="D"></div>
<style>
body{
margin:0px;
}
.A{
margin-left: 0px;
background:#F7EC7D;
height:50;
}
.B{
background:#E38F66;
height:50;
}
.C{
background:#AA445F;
height:100;
}
.D{
background:#62306D;
height:100;
}
</style>
</body>