.archive__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
@media only screen and (max-width: 990px) {
.archive__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 600px) {
.archive__grid {
grid-template-columns: 1fr;
}
}
.archive__item-image {
margin-block-end: 20px;
display: block;
}
.archive__item-image img {
height: 236px;
object-fit: cover;
width: 100%;
}
.archive__item-title {
font-weight: 800;
margin-block: 0;
}
.archive__item-excerpt {
margin-block-end: 30px;
display: block;
}
.archive__item-readmore {
text-decoration: underline;
font-weight: 800;
display: flex;
align-items: center;
gap: 10px;
}
.archive__pagination {
margin-block: 110px;
}
.archive__pagination .nav-links {
text-align: center;
}
.archive__pagination .page-numbers {
padding: 6px 15px;
}
.archive__pagination .page-numbers:hover {
text-decoration: underline;
}
.archive__pagination .page-numbers.current {
background-color: #000;
color: #fff;
}