post-to-post pagination and a few spacing tweaks
This commit is contained in:
18
css/nav.css
18
css/nav.css
@ -205,6 +205,7 @@ footer ul {
|
||||
list-style: none;
|
||||
gap: .5rem;
|
||||
justify-content: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
footer li {
|
||||
@ -238,16 +239,27 @@ footer a:focus-visible {
|
||||
}
|
||||
|
||||
/* Pagination */
|
||||
.pagination,
|
||||
.pagination li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-areas: "older newer";
|
||||
list-style: none;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.pagination,
|
||||
.pagination li {
|
||||
margin: 0;
|
||||
@media (max-width: 650px) {
|
||||
.post-pagination {
|
||||
grid-template-columns: 1fr;
|
||||
grid-template-areas:
|
||||
"older"
|
||||
"newer";
|
||||
gap: .75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination .older {
|
||||
|
||||
Reference in New Issue
Block a user