*{box-sizing: border-box;}
body {
  background-color: white;
  font-family: "Open Sans", sans-serif;

  font-size: 18px;
  text-align: center;
  color: #444;
  padding: 0;
  margin: 0;
}
#wrap{padding: 20px 20px;
}
#wrap2{
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background-color: pink;
  height: 250px;

  
}

#bluebox{
  position:absolute;
  right:0px;
  top:0;
  background-color:blue;
  width:120px;
  height:60px;
  
}
#redbox{
  position:absolute;
  left:0px;
  top:0;
  background-color:red;
  width:60px;
  height:60px;

}
#greenbox{position:absolute;
  left:0px;
  bottom:0;
  background-color:green;
  width:120px;
  height:60px;
  
  
}

#yellbox{position:absolute;
  right:0px;
  bottom:0;
  background-color:yellow;
  width:60px;
  height:60px;
  
  
}