Merged in feat/SW-1443-card-gallery-destination-overview (pull request #1362)
feat(SW-1443): added cardGallery block to destination overview page instead of carousel functionality * feat(SW-1443): added cardGallery block to destination overview page instead of carousel functionality Approved-by: Fredrik Thorsson
This commit is contained in:
25
components/Blocks/CardGallery/cardGallery.module.css
Normal file
25
components/Blocks/CardGallery/cardGallery.module.css
Normal file
@@ -0,0 +1,25 @@
|
||||
.cardsList {
|
||||
list-style: none;
|
||||
display: none;
|
||||
gap: var(--Spacing-x4) var(--Spacing-x1);
|
||||
}
|
||||
|
||||
.navigationButton {
|
||||
top: 30%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.carousel {
|
||||
display: none;
|
||||
}
|
||||
.cardsList {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.cardsList {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user