img {
    width: 300px;
}
.container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, auto);
    justify-items: center;
    align-items: end; 
}

.card {
    margin: 3em;
    text-align: center;
}

.card img {
    width: 100%;
    text-align: center;

}

.grid1 {
background-color: black;
}

.table {
    display: grid;
    grid-template-columns: 50% 50%;
}

.pic {
    width: 600px;
}

@media (max-width:800px){
    .container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5);

    }
}

@media (max-width:600px){
    .container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(10);
    }
}
/*  Это хотел сделать меньше расстояние между строк, но пока не получилось
footer contacts {
    line-height: 1px;
} */