ccsd
This commit is contained in:
parent
4bc8cd4b13
commit
dbf78acb8d
1 changed files with 14 additions and 4 deletions
|
|
@ -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; }
|
||||||
Loading…
Add table
Add a link
Reference in a new issue