From 95b86bf67b38f56b4bfeea42804b173c28f33a2b Mon Sep 17 00:00:00 2001 From: lucijs Date: Mon, 2 Sep 2024 19:24:16 +0200 Subject: [PATCH 1/7] fixed stamp position --- .../LocationSection.module.scss | 69 ++++++++++--------- .../LocationSection/LocationSection.tsx | 6 +- 2 files changed, 37 insertions(+), 38 deletions(-) diff --git a/apps/web/src/components/LocationSection/LocationSection.module.scss b/apps/web/src/components/LocationSection/LocationSection.module.scss index 06cad6fa..e401e60b 100644 --- a/apps/web/src/components/LocationSection/LocationSection.module.scss +++ b/apps/web/src/components/LocationSection/LocationSection.module.scss @@ -303,21 +303,19 @@ div { .date { margin-top: vw-calc(76); - padding-left: vw-calc(27); + margin-left: vw-calc(37); position: relative; - width: 100%; - &Text { - display: inline; + @mixin sharedTextStyles { + display: inline-flex; color: #fff; text-align: center; font-feature-settings: 'ss12' on; font-family: 'PP Neue Machina'; - font-size: vw-calc(250.265); + font-size: vw-calc(268.265); font-style: normal; font-weight: 500; - line-height: vw-calc(262.265); - letter-spacing: vw-calc(5.245); + line-height: vw-calc(266); text-transform: uppercase; opacity: 0.2; mix-blend-mode: overlay; @@ -325,37 +323,40 @@ div { @media (max-width: 992px) { font-size: vw-mid-calc(65.491); line-height: vw-mid-calc(64.026); + } + } + + &Text { + @include sharedTextStyles; + letter-spacing: vw-calc(5.245); + + @media (max-width: 992px) { letter-spacing: vw-mid-calc(1.281); } } + &SecondPart { + @include sharedTextStyles; + letter-spacing: vw-calc(13.987); + + @media (max-width: 992px) { + letter-spacing: vw-mid-calc(3.415); + } + } + &Span { - display: none; - position: relative; - display: inline; - color: transparent; - text-align: center; - font-feature-settings: 'ss12' on; - font-family: 'PP Neue Machina', sans-serif; - font-size: vw-calc(268.265); - font-style: normal; - font-weight: 500; - line-height: vw-calc(262.265); - letter-spacing: vw-calc(5.245); - text-transform: uppercase; + position: absolute; + left: vw-calc(556); + top: vw-calc(6); &Image { position: absolute; z-index: 1; - top: vw-calc(12); - right: 0; - left: 0; margin: 0 auto; width: vw-calc(254); height: vw-calc(182); @media (max-width: 992px) { - top: vw-mid-calc(2); width: vw-mid-calc(69.273); height: vw-mid-calc(49.637); } @@ -364,13 +365,9 @@ div { &::after { content: ''; position: absolute; - top: vw-calc(-40); - right: 0; - left: 0; + top: - vw-calc(52); + left: vw-calc(22); margin: 0 auto; - display: flex; - justify-content: center; - align-items: center; width: vw-calc(210.721); height: vw-calc(286); background-image: url('../../assets/stamp.svg'); @@ -380,18 +377,22 @@ div { transform: rotate(-90deg); @media (max-width: 992px) { - top: vw-mid-calc(-12); + left: vw-mid-calc(5.9015); + top: vw-mid-calc(-14.182); width: vw-mid-calc(57.47); height: vw-mid-calc(78.001); } } @media (max-width: 992px) { - font-size: vw-mid-calc(65.491); - line-height: vw-mid-calc(64.026); - letter-spacing: vw-mid-calc(1.281); + left: vw-mid-calc(136.14); + top: vw-mid-calc(4.52); } } + @media (max-width: 992px) { + margin-left: vw-mid-calc(17.22); + margin-top: 0px; + } } .imageBreaker { diff --git a/apps/web/src/components/LocationSection/LocationSection.tsx b/apps/web/src/components/LocationSection/LocationSection.tsx index dcd2fe8a..34aa0a8d 100644 --- a/apps/web/src/components/LocationSection/LocationSection.tsx +++ b/apps/web/src/components/LocationSection/LocationSection.tsx @@ -52,17 +52,15 @@ const LocationSection = () => {
-

23.

+

23. — 24.

- {' '} - —{' '} split stamp{' '} -

24. 05. 2024.

+

05. 2024

From d14531c8377e00933d473c1b3a50cc2424ca4616 Mon Sep 17 00:00:00 2001 From: DUMP Date: Fri, 8 Nov 2024 15:00:00 +0100 Subject: [PATCH 2/7] prevented text from wrapping --- .../src/components/LocationSection/LocationSection.module.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/web/src/components/LocationSection/LocationSection.module.scss b/apps/web/src/components/LocationSection/LocationSection.module.scss index e401e60b..8d79216f 100644 --- a/apps/web/src/components/LocationSection/LocationSection.module.scss +++ b/apps/web/src/components/LocationSection/LocationSection.module.scss @@ -338,6 +338,7 @@ div { &SecondPart { @include sharedTextStyles; letter-spacing: vw-calc(13.987); + text-wrap: nowrap; @media (max-width: 992px) { letter-spacing: vw-mid-calc(3.415); From 8a3f25fa148a21aade22d618383abe2bf049755c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lucija=20Fradeli=C4=87?= <52828220+lucijs@users.noreply.github.com> Date: Tue, 26 Nov 2024 19:20:53 +0100 Subject: [PATCH 3/7] fixed location section title size --- .../LocationSection/LocationSection.module.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/web/src/components/LocationSection/LocationSection.module.scss b/apps/web/src/components/LocationSection/LocationSection.module.scss index 965d1852..aa100745 100644 --- a/apps/web/src/components/LocationSection/LocationSection.module.scss +++ b/apps/web/src/components/LocationSection/LocationSection.module.scss @@ -44,11 +44,11 @@ div { letter-spacing: -11.916px; @media (max-width: 1390px) { - padding-top: 90px; - - font-size: 69.968px; - line-height: 87.46px; - letter-spacing: -3.28px; + padding-top: 5.312vw; + + font-size: 18.601vw; + line-height: 23.26vw; + letter-spacing: -0.872vw; } &Container { From 922a85b88f166d23a69cbe1e4c7752ec6a1e1bd9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lucija=20Fradeli=C4=87?= <52828220+lucijs@users.noreply.github.com> Date: Tue, 26 Nov 2024 19:37:16 +0100 Subject: [PATCH 4/7] fixed location section title --- .../components/LocationSection/LocationSection.module.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/web/src/components/LocationSection/LocationSection.module.scss b/apps/web/src/components/LocationSection/LocationSection.module.scss index aa100745..b903bca9 100644 --- a/apps/web/src/components/LocationSection/LocationSection.module.scss +++ b/apps/web/src/components/LocationSection/LocationSection.module.scss @@ -174,8 +174,10 @@ div { letter-spacing: -1px; @media (max-width: 1390px) { - font-size: 26px; - line-height: 26px; + padding-top: 23.94vw; + + font-size: 6.915vw; + line-height: 6.915vw; letter-spacing: -0.544px; } } From 121c6410a4e0de9c65014f30a60a178b7cbb2879 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lucija=20Fradeli=C4=87?= <52828220+lucijs@users.noreply.github.com> Date: Tue, 26 Nov 2024 20:26:00 +0100 Subject: [PATCH 5/7] fixed social media images in footer --- .../FooterSection/FooterSection.module.scss | 29 +++--- package.json | 2 +- turbo.json | 3 +- yarn.lock | 99 ++++++++++++------- 4 files changed, 76 insertions(+), 57 deletions(-) diff --git a/apps/web/src/components/FooterSection/FooterSection.module.scss b/apps/web/src/components/FooterSection/FooterSection.module.scss index 5b53501a..cad6c883 100644 --- a/apps/web/src/components/FooterSection/FooterSection.module.scss +++ b/apps/web/src/components/FooterSection/FooterSection.module.scss @@ -213,9 +213,9 @@ .socialsWrapper { display: flex; - height: fit-content; position: absolute; bottom: -38px; + width:100vw; .socialsImage { width: 162px; @@ -230,15 +230,8 @@ } @media screen and (max-width: 650px) { - width: 106px; - height: 106px; - margin-left: -12px; - margin-right: -12px; - } - - @media screen and (max-width: 361px) { - width: 94px; - height: 94px; + width: 28vw; + height: 28vw; } } } @@ -251,7 +244,8 @@ margin-top: 52px; @media screen and (max-width: 650px) { - margin-top: 68px; + margin-top: 18.09vw; + margin-left: -5.374vw; } } @@ -259,7 +253,8 @@ margin-top: 28px; @media screen and (max-width: 650px) { - margin-top: 16px; + margin-top: 4.255vw; + margin-left:2.39vw; } } @@ -267,7 +262,8 @@ margin-top: 60px; @media screen and (max-width: 650px) { - margin-top: 83px; + margin-top: 22.07vw; + margin-left: -4.02vw; } } @@ -275,11 +271,8 @@ height: 162px; @media screen and (max-width: 650px) { - height: 106px; - } - - @media screen and (max-width: 361px) { - height: 94px; + margin-left: -7.69vw; + height: 28vw; } } diff --git a/package.json b/package.json index 7b0fc500..43dd2009 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "devDependencies": { "eslint": "^8.55.0", - "turbo": "^2.2.3" + "turbo": "^2.3.2" }, "private": true, "packageManager": "yarn@1.22.22", diff --git a/turbo.json b/turbo.json index 848378c4..522a963c 100644 --- a/turbo.json +++ b/turbo.json @@ -2,7 +2,8 @@ "$schema": "https://turbo.build/schema.json", "tasks": { "dev": { - "cache": false + "cache": false, + "persistent": true }, "build": { "dependsOn": [ diff --git a/yarn.lock b/yarn.lock index a264a507..cf765e87 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8217,7 +8217,16 @@ string-length@^4.0.1: char-regex "^1.0.2" strip-ansi "^6.0.0" -"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0": + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + +"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -8249,7 +8258,14 @@ string_decoder@~1.1.1: dependencies: safe-buffer "~5.1.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: +"strip-ansi-cjs@npm:strip-ansi@^6.0.1": + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + +strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -8580,47 +8596,47 @@ tsx@^4.2.0: optionalDependencies: fsevents "~2.3.3" -turbo-darwin-64@2.2.3: - version "2.2.3" - resolved "https://registry.yarnpkg.com/turbo-darwin-64/-/turbo-darwin-64-2.2.3.tgz#f0ced75ed031091e52851cbe8bb05d21a161a22b" - integrity sha512-Rcm10CuMKQGcdIBS3R/9PMeuYnv6beYIHqfZFeKWVYEWH69sauj4INs83zKMTUiZJ3/hWGZ4jet9AOwhsssLyg== +turbo-darwin-64@2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/turbo-darwin-64/-/turbo-darwin-64-2.3.2.tgz#e257f6b7911718b1d45b7fa129506b58e38daf62" + integrity sha512-B1lS/UqjXNsG+kx1uzJNwXMuw2i5wavcyNy8opvSLjfuECdsqQU9B1wPqkSTU+mZjFTJcEfiGKyJ/I2EVk8vdw== -turbo-darwin-arm64@2.2.3: - version "2.2.3" - resolved "https://registry.yarnpkg.com/turbo-darwin-arm64/-/turbo-darwin-arm64-2.2.3.tgz#0b4741383ab5070d8383891a65861a8869cc7202" - integrity sha512-+EIMHkuLFqUdJYsA3roj66t9+9IciCajgj+DVek+QezEdOJKcRxlvDOS2BUaeN8kEzVSsNiAGnoysFWYw4K0HA== +turbo-darwin-arm64@2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/turbo-darwin-arm64/-/turbo-darwin-arm64-2.3.2.tgz#96e09af5c710a62196cd313bca83dbbfab84f50f" + integrity sha512-XHeuEdk9tHaw2Bsr3rTzFtZyldeSyagDZkOSPIJ1zioavMjWEFPA75vdgy4j8ns96EBpZMaPXVEnODuEHfiZfQ== -turbo-linux-64@2.2.3: - version "2.2.3" - resolved "https://registry.yarnpkg.com/turbo-linux-64/-/turbo-linux-64-2.2.3.tgz#2b339db50c12bc52ce99139c156d5555717a209d" - integrity sha512-UBhJCYnqtaeOBQLmLo8BAisWbc9v9daL9G8upLR+XGj6vuN/Nz6qUAhverN4Pyej1g4Nt1BhROnj6GLOPYyqxQ== +turbo-linux-64@2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/turbo-linux-64/-/turbo-linux-64-2.3.2.tgz#7508f591c6874fdd6fab54658f55489363c20b0a" + integrity sha512-oKDsO5+flqpPx5tNLFGVUYpJ/sBc3KvaGpyNzXl2u3epzyafgblFKWMG5YsSiU1ruouPpcC6YG5SN5chA7Abfg== -turbo-linux-arm64@2.2.3: - version "2.2.3" - resolved "https://registry.yarnpkg.com/turbo-linux-arm64/-/turbo-linux-arm64-2.2.3.tgz#a4daf6e0872a4e2652e2d05d68ad18cee5b10e94" - integrity sha512-hJYT9dN06XCQ3jBka/EWvvAETnHRs3xuO/rb5bESmDfG+d9yQjeTMlhRXKrr4eyIMt6cLDt1LBfyi+6CQ+VAwQ== +turbo-linux-arm64@2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/turbo-linux-arm64/-/turbo-linux-arm64-2.3.2.tgz#15109394c077374fbe7657129c08b75ea5008c1c" + integrity sha512-luyvTl3wQ1hF+ljK7ljH4TL7rg4pmx5pQ2mzvfMvPo5eaLuKr/tImmbdH6/vr56iffUIISkIsLVhVxgZeAsUOw== -turbo-windows-64@2.2.3: - version "2.2.3" - resolved "https://registry.yarnpkg.com/turbo-windows-64/-/turbo-windows-64-2.2.3.tgz#d44b3385948bd0f2ef5c2d53391f142bdd467b18" - integrity sha512-NPrjacrZypMBF31b4HE4ROg4P3nhMBPHKS5WTpMwf7wydZ8uvdEHpESVNMOtqhlp857zbnKYgP+yJF30H3N2dQ== +turbo-windows-64@2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/turbo-windows-64/-/turbo-windows-64-2.3.2.tgz#c15d3aa097b7396432360103b9e74991e3bb6cee" + integrity sha512-yw7BnTU5cE7GdUnZEW3jIAI98hh4dcWk+Jwza8X7CXpxpill2zteq7VPf+a/B3o/xm+oVXzLmP83YP91Bm0SaA== -turbo-windows-arm64@2.2.3: - version "2.2.3" - resolved "https://registry.yarnpkg.com/turbo-windows-arm64/-/turbo-windows-arm64-2.2.3.tgz#d0625ec53f467013a6f259f87f7fc4ae8670aaa4" - integrity sha512-fnNrYBCqn6zgKPKLHu4sOkihBI/+0oYFr075duRxqUZ+1aLWTAGfHZLgjVeLh3zR37CVzuerGIPWAEkNhkWEIw== +turbo-windows-arm64@2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/turbo-windows-arm64/-/turbo-windows-arm64-2.3.2.tgz#9c03ea846d706f9cf92e50ade43f8f67adf7d744" + integrity sha512-Hgp6V7jaIYlDcy5xpKN+XXyYCf5afT690GmXcEsMoUawd5dStvZe0QHWcGxuqho497BAlx0XGAWftm0KelNePA== -turbo@^2.2.3: - version "2.2.3" - resolved "https://registry.yarnpkg.com/turbo/-/turbo-2.2.3.tgz#0f45612d62526c98c75da0682aa8c26b902b5e07" - integrity sha512-5lDvSqIxCYJ/BAd6rQGK/AzFRhBkbu4JHVMLmGh/hCb7U3CqSnr5Tjwfy9vc+/5wG2DJ6wttgAaA7MoCgvBKZQ== +turbo@^2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/turbo/-/turbo-2.3.2.tgz#e914e7942b948f020e7629052b759d7936b9838c" + integrity sha512-vCJPoy8/3KkqY3W0cX2nrwhmtBQSZhEyrVgeJ4NlEXwGxu5vNRQDyV6se5VVAQMwfBsBJswlo87B7ai7Dr1MpQ== optionalDependencies: - turbo-darwin-64 "2.2.3" - turbo-darwin-arm64 "2.2.3" - turbo-linux-64 "2.2.3" - turbo-linux-arm64 "2.2.3" - turbo-windows-64 "2.2.3" - turbo-windows-arm64 "2.2.3" + turbo-darwin-64 "2.3.2" + turbo-darwin-arm64 "2.3.2" + turbo-linux-64 "2.3.2" + turbo-linux-arm64 "2.3.2" + turbo-windows-64 "2.3.2" + turbo-windows-arm64 "2.3.2" type-check@^0.4.0, type-check@~0.4.0: version "0.4.0" @@ -8932,7 +8948,7 @@ wouter@^2.12.1: dependencies: use-sync-external-store "^1.0.0" -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": version "7.0.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== @@ -8950,6 +8966,15 @@ wrap-ansi@^6.0.1: string-width "^4.1.0" strip-ansi "^6.0.0" +wrap-ansi@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214" From 8c1bb630c599c2f0b530803d10cc58157f73da66 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lucija=20Fradeli=C4=87?= <52828220+lucijs@users.noreply.github.com> Date: Tue, 26 Nov 2024 23:32:42 +0100 Subject: [PATCH 6/7] fixed text in footer --- .../FooterSection/FooterSection.module.scss | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/apps/web/src/components/FooterSection/FooterSection.module.scss b/apps/web/src/components/FooterSection/FooterSection.module.scss index cad6c883..6c7ac462 100644 --- a/apps/web/src/components/FooterSection/FooterSection.module.scss +++ b/apps/web/src/components/FooterSection/FooterSection.module.scss @@ -64,9 +64,9 @@ z-index: 1; @media screen and (max-width: 684px) { - font-size: 64px; - line-height: 62px; - letter-spacing: -3px; + font-size: 17.02vw; + line-height: 16.49vw; + letter-spacing: -0.8723vw; } } @@ -92,6 +92,11 @@ transition: 300ms; padding: 14px 16px; margin-top: 32px; + + @media screen and (max-width: 400px) { + font-size: 4.5vw; + letter-spacing: 0.27vw; + } } .grainyButton { @@ -197,6 +202,10 @@ .bottomWrapper { padding: 0px 32px; + + @media screen and (max-width: 450px) { + padding: 0px; + } } .questionsWrapper { @@ -215,7 +224,6 @@ display: flex; position: absolute; bottom: -38px; - width:100vw; .socialsImage { width: 162px; @@ -302,5 +310,6 @@ @media screen and (max-width: 1032px) { flex-direction: column; text-align: center; + padding: 0px; } } From 01d47cd49cc1b47d4c2b03fd307597da7468fc25 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lucija=20Fradeli=C4=87?= <52828220+lucijs@users.noreply.github.com> Date: Wed, 27 Nov 2024 00:45:19 +0100 Subject: [PATCH 7/7] fixed text ion FAQ section --- ...requentlyAskedQuestionsSection.module.scss | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/apps/web/src/components/FrequentlyAskedQuestionsSection/FrequentlyAskedQuestionsSection.module.scss b/apps/web/src/components/FrequentlyAskedQuestionsSection/FrequentlyAskedQuestionsSection.module.scss index 01a70095..19925b8e 100644 --- a/apps/web/src/components/FrequentlyAskedQuestionsSection/FrequentlyAskedQuestionsSection.module.scss +++ b/apps/web/src/components/FrequentlyAskedQuestionsSection/FrequentlyAskedQuestionsSection.module.scss @@ -11,6 +11,10 @@ padding: 119px 16px 176px 16px; } + @media (max-width: 380px) { + padding: 119px 4.255vw 176px 4.255vw; + } + &:before { content: ''; background-image: url(../../assets/images/noise.webp); @@ -39,6 +43,10 @@ font-weight: 500; line-height: 144px; letter-spacing: -5.025px; + + @media (max-width: 380px) { + font-size: 31.9149vw; + } } } @@ -60,6 +68,15 @@ &Index { @include mixins.themeBadge(); margin-top: 4px; + + @media (max-width: 380px) { + font-size: 8px; + line-height: 8vw; + padding: 1.064vw 4.255vw; + margin-top: 1.064vw; + height: 10px; + width: 20px; + } } &Info { @@ -68,6 +85,10 @@ @media (max-width: 1200px) { margin-left: 24px; } + + @media (max-width: 380px) { + margin-left: 6.383vw; + } } &Question { @@ -86,6 +107,11 @@ letter-spacing: -0.16px; font-size: 16px; } + + @media (max-width: 380px) { + font-size: 12px; + line-height: 15px; + } } &Answer { @@ -100,6 +126,11 @@ font-style: normal; font-weight: 500; line-height: 22px; + + @media (max-width: 380px) { + font-size: 12px; + line-height: 15px; + } } &Button {