Fix grid layout - 4 columns on desktop, increase logo to 600px

This commit is contained in:
Russell Ballestrini 2025-10-15 07:59:44 -04:00
parent ad5b6ded34
commit 469913699d

View file

@ -25,7 +25,7 @@
}
@media (min-width: 768px) {
.logo-container {
max-width: 400px;
max-width: 600px;
}
}
@media (prefers-color-scheme: light) {
@ -39,13 +39,15 @@
display: block;
}
article nav ul {
display: grid;
display: grid !important;
grid-template-columns: 1fr;
gap: 0.5rem;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
article nav ul {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-template-columns: repeat(4, 1fr);
}
}
</style>