fix: amenitieslist mobile UI

This commit is contained in:
Chuma McPhoy
2024-08-30 10:25:17 +02:00
parent ad088ee7f5
commit e778f2c4b6

View File

@@ -1,4 +1,8 @@
.amenitiesContainer { .amenitiesContainer {
background-color: var(--Scandic-Beige-10);
border-radius: var(--Corner-radius-Large);
padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x-one-and-half)
var(--Spacing-x3);
display: grid; display: grid;
gap: var(--Spacing-x-one-and-half); gap: var(--Spacing-x-one-and-half);
height: fit-content; height: fit-content;
@@ -17,10 +21,6 @@
@media screen and (min-width: 1367px) { @media screen and (min-width: 1367px) {
.amenitiesContainer { .amenitiesContainer {
background-color: var(--Scandic-Beige-10);
padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x-one-and-half)
var(--Spacing-x3);
border-radius: var(--Corner-radius-Large);
margin-top: var(--Spacing-x5); margin-top: var(--Spacing-x5);
} }
} }