41 lines
1001 B
CSS
41 lines
1001 B
CSS
/* Eddys Construction & Masonry
|
|
Category Index Template — v1
|
|
Scope: category index pages only.
|
|
Global site styles remain in /css/style.css.
|
|
*/
|
|
|
|
.category-index-page .eddys-category-index {
|
|
width: 100%;
|
|
}
|
|
|
|
.category-index-page .eddys-section-intro {
|
|
max-width: 900px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/* Future category-card styles belong here so the same component
|
|
can be reused by Resources, Services and Portfolio indexes. */
|
|
.category-index-page .eddys-category-card {
|
|
height: 100%;
|
|
}
|
|
|
|
/* Keep category grids adaptable as the number of categories grows. */
|
|
.category-index-page .eddys-category-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
gap: 30px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.category-index-page .eddys-category-grid {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.category-index-page .eddys-category-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|