body {
    max-width: 800px;
    width: 90%;
}
@media (min-width:640px) {
html {
    background-color: #eaf6ff;
} }

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

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

ul {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
margin: 1rem -10px;
}

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

li {
    width: 100%;
}

@media (min-width:480px) {
    li {
    width: 50%;
}
}
@media (min-width:640px) {
    li {
    width: 25%;
}
}