scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(SW-243): add breakpoints

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-08-19 16:49:28 +02:00
parent bdafef492f
commit a689f12965
7 changed files with 84 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.module.css
View File

@@ -1,30 +1,21 @@
.main {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x4);
padding: var(--Spacing-x4) var(--Spacing-x4);
justify-content: center;
padding: var(--Spacing-x4);
background-color: var(--Scandic-Brand-Warm-White);
min-height: 100dvh;
}
.section {
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
width: 100%;
max-width: 525px;
}
.buttons {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--Spacing-x2);
}
.button {
gap: var(--Spacing-x4);
width: 100%;
max-width: 240px;
justify-content: center;
max-width: 365px;
}
@media screen and (min-width: 1367px) {
.section {
max-width: 525px;
}
}