body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: deeppink;
}

nav {
    background-color: deeppink;
    color: deeppink;
    padding: 15px;
}

#container{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax (300px,1fr));
    gap: 10rem;
}

.grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    padding: 30px;
}

.grid-item img{
    width: 100%;
    gap: 75px;
    text-align: center;
    padding: 20px;
    /*height: 260px; */
    min-height: unset;

}

article{
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));

}