@media(max-width: 800px){
    body{
        width:90vw;
        margin:auto;

    }
}


@media(min-width:640px){
    body{
        background-color: #eaf6ff;

    }

}

@media(min-width:499px){
    h1{
        font-size: 1.5rem ;
    }
}

@media(min-width:641px){
    h1{
        font-size: 2.5rem ;
    }
}

ul {
    list-style: none; 
    padding: 0;
    margin-left: -10px ;
    margin-right: -10px;
    margin-top: 1rem ;
    margin-bottom: 1rem;

}

aside {
    width: 170px;
    margin: 10px;
    font-size: 0.8rem;
}


li{
    display: inline-block;

}

@media(max-width:100%){
    li{
        min-width:width 481px; ;

    }
}


@media(max-width:100%){
    li{
        min-width:width 481px; ;

    }
}

#stretchable-grid-items ul{
    display: flex;
    flex-wrap: wrap;
}

#stretchable-grid-items li{
    width: 100%;

}

#stretchable-grid-items aside{
    width: auto;

}


@media(min-width:481px){
    #stretchable-grid-items li{
        width:50%;
    }
}

@media(min-width:641px){
    #stretchable-grid-items li{
        width:25%;
    }
}