.grid__all-articles {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 30px;
row-gap: 40px;
margin-bottom: 40px;
}
@media(max-width: 992px) {
.grid__all-articles {
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
}
}
@media(max-width: 600px) {
.grid__all-articles {
grid-template-columns: repeat(1, 1fr);
}
}