Skip to content

Commit 1917b47

Browse files
committed
Refactor gap and layout styles for contact and prices pages
Simplified responsive gap and flex-direction rules in contact and prices SCSS modules by removing redundant breakpoints and adjusting gap values. This streamlines layout management and improves maintainability.
1 parent f88da95 commit 1917b47

File tree

2 files changed

+1
-15
lines changed

2 files changed

+1
-15
lines changed

src/styles/modules/pages/contact.module.scss

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -13,23 +13,15 @@
1313

1414
&-container {
1515
display: flex;
16-
gap: rem-calc(64);
16+
gap: rem-calc(48);
1717
flex-direction: column;
1818

1919
@include container;
2020

21-
@include phablet {
22-
gap: rem-calc(32);
23-
}
24-
2521
@include tablet {
2622
flex-direction: row;
2723
}
2824

29-
@include laptop {
30-
gap: rem-calc(48);
31-
}
32-
3325
@include desktop {
3426
gap: rem-calc(64);
3527
}

src/styles/modules/pages/prices.module.scss

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,20 +25,14 @@
2525
@include container($mb: rem-calc(80));
2626

2727
@include phablet {
28-
gap: rem-calc(36);
2928
flex-direction: row;
3029
margin-bottom: rem-calc(120);
3130
}
3231

3332
@include tablet {
34-
gap: rem-calc(48);
3533
margin-bottom: rem-calc(160);
3634
}
3735

38-
@include desktop {
39-
gap: rem-calc(64);
40-
}
41-
4236
> section {
4337
flex: 50%;
4438

0 commit comments

Comments
 (0)