*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

body {
    font-family: monospace;
}

section.container {
    width: 100;
    display: grid;
    grid-template-columns: repeat(auto-fit, 20%); 
}

.square {
    display: flex;
    justify-content: center;
    align-items: center;
    border: black solid 0.8px;
}

.square:nth-child(odd) {

}

.square:nth-child(even) {
    
}

img {
    position: relative;
    width: 98%;
    justify-content: center;
    align-items: center;
}

a {
    background-color: white;
    text-decoration: none;
    color: blue;
}

figcaption {
    text-align: center;
}


@media only screen and (max-width: 704px) {
  section.container {
    grid-template-columns: repeat(auto-fit, 33.33333333333333333333333333%); 
}

.square {
    border: black solid 0.5px;
}

}