diff --git a/apps/web/src/components/FooterSection/FooterSection.module.scss b/apps/web/src/components/FooterSection/FooterSection.module.scss index 5b53501aa..6c7ac4626 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 { @@ -213,7 +222,6 @@ .socialsWrapper { display: flex; - height: fit-content; position: absolute; bottom: -38px; @@ -230,15 +238,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 +252,8 @@ margin-top: 52px; @media screen and (max-width: 650px) { - margin-top: 68px; + margin-top: 18.09vw; + margin-left: -5.374vw; } } @@ -259,7 +261,8 @@ margin-top: 28px; @media screen and (max-width: 650px) { - margin-top: 16px; + margin-top: 4.255vw; + margin-left:2.39vw; } } @@ -267,7 +270,8 @@ margin-top: 60px; @media screen and (max-width: 650px) { - margin-top: 83px; + margin-top: 22.07vw; + margin-left: -4.02vw; } } @@ -275,11 +279,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; } } @@ -309,5 +310,6 @@ @media screen and (max-width: 1032px) { flex-direction: column; text-align: center; + padding: 0px; } } diff --git a/apps/web/src/components/FrequentlyAskedQuestionsSection/FrequentlyAskedQuestionsSection.module.scss b/apps/web/src/components/FrequentlyAskedQuestionsSection/FrequentlyAskedQuestionsSection.module.scss index 01a700959..19925b8ec 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 { diff --git a/apps/web/src/components/LocationSection/LocationSection.module.scss b/apps/web/src/components/LocationSection/LocationSection.module.scss index 97a87cc94..b903bca9b 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 { @@ -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; } } @@ -296,21 +298,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; @@ -318,37 +318,41 @@ 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); + text-wrap: nowrap; + + @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); } @@ -357,13 +361,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'); @@ -373,18 +373,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 cc3761aa6..0293f08cc 100644 --- a/apps/web/src/components/LocationSection/LocationSection.tsx +++ b/apps/web/src/components/LocationSection/LocationSection.tsx @@ -48,17 +48,15 @@ const LocationSection = () => {
-

23.

+

23. — 24.

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

24. 05. 2024.

+

05. 2024

diff --git a/package.json b/package.json index 7b0fc500a..43dd2009d 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/yarn.lock b/yarn.lock index fe08ff2c7..f9fa976fb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8251,47 +8251,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"