body{
    max-width:880px;
    margin-left:auto;
    margin-right: auto;
    width:90%
}
body {}
@media (min-width: 640px) {
  html { background-color:#eaf6ff; }
}
h1{font-size:1.5rem}
@media (min-width:500px){
    h1{font-size:2.5rem}
}
#fixed-size-grid-items 
aside{
    width:170px;
    margin:10px;
    padding:0;
    font-size:0.8rem;
}
#fixed-size-grid-items 
ul{
    list-style: none;
    padding:0;
}
#fixed-size-grid-items 
li{
    display:inline-block;
    vertical-align:top;
    list-style:none;

}
#stretchable-grid-items li{
    display:inline-block;
    vertical-align:top;
    list-style:none;
    width: 100%;
}

@media (min-width:480px) {
    #stretchable-grid-items li { width:50% }
}
@media (min-width:640px) {
    #stretchable-grid-items li { width:25% }
}
#stretchable-grid-items aside {
    margin:10px;
    padding:0;
    font-size:0.8rem;
    
}
#stretchable-grid-items ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-left:-10px;
    margin-right:-10px;
    margin-top:1rem;
    margin-bottom:1rem;
}