body {margin:0px;
    background-color:white;
}
.wrapper1{display:flex;
    flex-direction: column; 
    gap:20px;  
    margin:20px; 
 }

 .wrapper2{display:flex;
    flex-basis:content;
    gap:20px;  
    margin:20px; 
    align-items:flex-end;
 }

 .wrapper3{display:flex; 
    gap:20px;  
    margin:20px; 
 }

 .wrapper4{display:flex; 
    gap:20px;  
    margin:20px; 
 }

.quarter_box{flex:30px;
    background-color: lightcyan;
    padding:2%;
}

.third_box{flex:20px;
    background-color: lightcoral;
    padding:2%;
}

.half_box{flex:10px;
    background-color: lightblue;
    padding:2%;
}

.twothird_box{flex:20px;
    background-color: lightgreen;
    padding:2%;
}