29 lines
506 B
CSS
29 lines
506 B
CSS
.page {
|
|
padding: var(--space-xl) var(--space-lg);
|
|
}
|
|
|
|
.filters {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
margin-bottom: var(--space-lg);
|
|
}
|
|
|
|
.filters button {
|
|
background: none;
|
|
border: 1px solid var(--color-gold);
|
|
padding: 0.5rem 1rem;
|
|
cursor: pointer;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.filters button.active {
|
|
background: var(--color-charcoal);
|
|
color: var(--color-cream);
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
|
|
gap: var(--space-lg);
|
|
}
|