anaguzmn · November 9, 2016 21:23
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>4 boxes</title>
    </head>
    <body>
        <div class="all" id="one"></div>
        <div class="all" id="two"></div>
        <div class="allbig" id="three"></div>
        <div class="allbig" id="four"></div>
    </body>
 </html>
diff --git a/styles.css b/styles.css
 .all{
    height: 200px;
    width: 200px;
    border-radius: 40px;
    }
    
    .allbig {
        height: 200px;
        width: 200px;
        float: right;
     border-radius: 40px;
    }
 #one{
   background-color: green;
    text-align: right;
    float: right;
    }
 #two{
   background-color: yellow;
   float: right;
    }
 #three{
   background-color: blue;
    
   float: right;
   }
 #four{
   background-color: red;
   float: right;
    }