This commit is contained in:
traveler 2026-04-06 09:59:37 -05:00
parent 4bc8cd4b13
commit dbf78acb8d

View file

@ -114,6 +114,15 @@ body.tab-nucking-futz { background-image: url("/images/Nucking-futz-bg.png")
SERVICE CARDS SERVICE CARDS
*/ */
/* Force the service grid to always be exactly 4 equal columns */
.services-group .service-grid,
ul.services {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 0.75rem !important;
}
/* Each card fills exactly one column — never spans more */
.service-card { .service-card {
background: var(--ng-card-bg) !important; background: var(--ng-card-bg) !important;
backdrop-filter: var(--ng-blur); backdrop-filter: var(--ng-blur);
@ -122,9 +131,10 @@ body.tab-nucking-futz { background-image: url("/images/Nucking-futz-bg.png")
transition: border-color var(--ng-transition), transition: border-color var(--ng-transition),
box-shadow var(--ng-transition), box-shadow var(--ng-transition),
transform var(--ng-transition); transform var(--ng-transition);
/* Never let a card stretch across the full page */ grid-column: span 1 !important;
max-width: 420px; min-width: 0 !important;
width: 100%; width: 100% !important;
box-sizing: border-box;
} }
.service-card:hover { .service-card:hover {
@ -440,4 +450,4 @@ body.tab-glance iframe[src*="glance.netgrimoire.com"] {
.service-card:nth-child(3) { animation-delay: 0.08s; } .service-card:nth-child(3) { animation-delay: 0.08s; }
.service-card:nth-child(4) { animation-delay: 0.12s; } .service-card:nth-child(4) { animation-delay: 0.12s; }
.service-card:nth-child(5) { animation-delay: 0.16s; } .service-card:nth-child(5) { animation-delay: 0.16s; }
.service-card:nth-child(6) { animation-delay: 0.20s; } .service-card:nth-child(6) { animation-delay: 0.20s; }