update

src/ts/components/BillBoard/index.module.scss

@@ -55,3 +55,16 @@
   }
 }
 
+@media (max-width: 900px) {
+  .billboard {
+    &_box {
+      width: 300px;
+      height: 120px;
+    }
+    &_title {
+      font-size: var(--font-m);
+      height: 70px;
+      padding: var(--space-s);
+    }
+  }
+}

src/ts/components/GameBanner/index.module.scss

@@ -32,3 +32,9 @@
     color: var(--color-white);
   }
 }
+
+@media (max-width: 900px) {
+  .game_banner {
+    height: 200px;
+  }
+}

src/ts/components/Quiz/styles/answer.module.scss

@@ -1,11 +1,8 @@
 @import 'src/styles/variables';
 
 .quiz_answer {
-  --temp-width: 160px;
-  --temp-small: calc(var(--temp-width) - 32px);
-
   position: relative;
-  width: var(--temp-width);
+  width: 160px;
   padding-bottom: var(--space-m);
 
   cursor: pointer;
@@ -26,7 +23,7 @@
   }
 
   &_small {
-    width: var(--temp-small);
+    width: 128px;
   }
 
   &_icon {
@@ -105,7 +102,7 @@
   padding: var(--space-s) var(--space-l);
 
   & .quiz_answer {
-    width: var(--temp-small);
+    width: 128px;
 
     animation-delay: 1s;
     animation-duration: 2s;
@@ -119,7 +116,6 @@
   }
 }
 
-
 @keyframes quiz_answer {
   from {
     top: 0;
@@ -133,3 +129,19 @@
     opacity: 0.3;
   }
 }
+
+@media (max-width: 900px) {
+  .quiz_answer {
+    width: 100px;
+
+    &_small {
+      width: 68px;
+    }
+    &_text {
+      font-size: var(--font-s);
+    }
+  }
+  .quiz_answer_wrapper_small .quiz_answer {
+    width: 68px;
+  }
+}

src/ts/components/Quiz/styles/index.module.scss

@@ -153,3 +153,16 @@
     background-position: -200px 0;
   }
 }
+
+@media (max-width: 900px) {
+  .quiz {
+    &_title,
+    &_description {
+      width: 100%;
+      padding: var(--space-l) var(--space-xs);
+    }
+    &_title {
+      font-size: var(--font-m);
+    }
+  }
+}

src/ts/components/Races/styles/index.module.scss

@@ -39,3 +39,8 @@
   }
 }
 
+@media (max-width: 900px) {
+  .races_track {
+    height: 70px;
+  }
+}

src/ts/components/ShowSymbol/styles/index.module.scss

@@ -17,7 +17,16 @@
     --temp-width: 20px;
     --temp-height: 30px;
   }
+}
 
+@media (max-width: 900px) {
+  .show_symbol {
+    --temp-width: 24.5px;
+    --temp-height: 33px;
+  }
+}
+
+.show_symbol {
   font-size: var(--temp-font);
   position: relative;
 

src/ts/components/SwimmingPool/styles/track.module.scss

@@ -53,3 +53,14 @@
 .swimming_pool_track + .swimming_pool_track .swimming_pool_track_line {
   border-top: 4px dashed red;
 }
+
+@media (max-width: 900px) {
+  .swimming_pool_track {
+    height: 70px;
+
+    &_value {
+      width: 71px;
+      line-height: 64px;
+    }
+  }
+}

src/ts/pages/PageWrapper/index.tsx

@@ -20,10 +20,18 @@ interface IPageWrapper {
 function MobileView({
   children,
 }: IPageWrapper) {
+  const { type, page } = useParams<any>();
+  const padding = type === 'team' && page === 'building'
+    ? { padding: 0 }
+    : {};
+
   return (
     <>
       <div className={style.page_wrapper}>
-        <div className={style.page_wrapper_main_mobile}>
+        <div
+          className={style.page_wrapper_main_mobile}
+          style={padding}
+        >
           {children}
         </div>
         <HeaderWithTab/>