адаптирована основная страница, без футера

src/App.tsx

@@ -7,7 +7,7 @@ function App() {
   return (
     <div className="App">
       <MainPart />
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 }

src/components/mainPart/calendar/calendar.css

@@ -2,7 +2,7 @@
     width: 350px;
     width: 540px;
     width: 100%;
-    max-width: 500px;
+    /* max-width: 500px; */
     /* max-width: 100%; */
     /* border: 1px solid #a0a096; */
     border: none;

src/components/mainPart/form/form.css

@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    max-width: 500px;
+    /* max-width: 500px; */
     gap: 24px;
     height: 100%;
 }

src/components/mainPart/mainPart.css

@@ -194,13 +194,14 @@
     z-index: 1;
     display: flex;
     flex-direction: column;
-    padding: 80px 0;
+    padding: 80px 0 0 0;
     margin-bottom: auto;
 }
 
 .plan-content-container {
     display: flex;
-    flex-direction: column;    
+    flex-direction: column;
+    width: 500px;
 }
 
 .plan-content-title {
@@ -294,6 +295,10 @@
         flex-direction: column;
         gap: 40px;
     }
+
+    .plan-content-container {
+        width: 482px;
+    }
 }
 
 @media screen and (max-width: 1024px) {
@@ -304,6 +309,10 @@
     .main-part-text-container {
         width: 100%;
     }
+
+    .plan-content-container {
+        width: 100%;
+    }
 }
 
 @media screen and (max-width: 640px) {
@@ -331,7 +340,8 @@
     }
 
     .main-part-text-button {
-        width: 100%;       
+        width: 100%;
+        height: 48px;
     }
 
     .main-part-content-or-line-container {        
@@ -345,4 +355,25 @@
         line-height: 100%;
         letter-spacing: 8px;
     }
+
+    .main-part-plan-content {
+        padding: 30px 0 0 0;
+        margin-bottom: auto;
+    }
+
+    .plan-content-content {
+        margin: 20px 0 16px 0;
+    }
+
+    .plan-content-title {
+        font-weight: 700;
+        font-size: 24px;
+        line-height: 100%;
+    }
+
+    .main-part-footer-container {
+        font-size: 8px;
+        gap: 4px;
+    }
+    
 }

src/components/mainPart/timeSelector/timeSelector.css

@@ -4,7 +4,7 @@
     width: 100%;
     gap: 26px;
     box-sizing: border-box;
-    max-width: 500px;
+    /* max-width: 500px; */
 }
 
 .time-selector-date {