*   {
    font-family: Arial, sans-serif;
    font-size:  large;
}

/* Umschlag wrapper mit Breite 20% und Höhe 150px   */
/* box-sizing: border-box nimmt den Rahmen dazu, so dass 5 mal 20% 
 * insgesamt bei 100% bleiben - sonst wird die letzte Box nicht 
 * in einer Zeile angezeigt   */
.wrapper {
     width: 960px;
     max-width: 90%;
/* Maximal-Breite immer 90% von der Gesamtbreite */        
     
     margin: 0 auto;
/* Abstand oben und unten 0 px - Rest automatisch  */     
}

/* die Box bekommt Breite und Höhe und Hintergrundfarbe  */
/* Mit box-sizing: border-box; werden die 100% eingehalten  */
.box  {
    width: 20%;
    height: 150px;
    background-color: pink;
    
    float:  left;
    
    box-sizing: border-box;
    
    border: solid red 5px;
 
    text-align:  center;
}