Public Access
Fix mobile pricing: stack 4 cards vertically (1 column) below 768px
This commit is contained in:
@@ -569,6 +569,9 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
|
|||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.pricing-grid { grid-template-columns: 1fr; }
|
||||||
|
}
|
||||||
.pcard {
|
.pcard {
|
||||||
background: var(--ivory);
|
background: var(--ivory);
|
||||||
border: 1px solid var(--line);
|
border: 1px solid var(--line);
|
||||||
|
|||||||
Reference in New Issue
Block a user