diff --git a/src/App.tsx b/src/App.tsx
index 0e15e03..60aa4e6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,7 +7,7 @@ function App() {
return (
-
+ {/* */}
);
}
diff --git a/src/components/mainPart/calendar/calendar.css b/src/components/mainPart/calendar/calendar.css
index 3158f9e..a693d95 100644
--- a/src/components/mainPart/calendar/calendar.css
+++ b/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;
diff --git a/src/components/mainPart/form/form.css b/src/components/mainPart/form/form.css
index 5b51e9d..de472a0 100644
--- a/src/components/mainPart/form/form.css
+++ b/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%;
}
diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css
index be4e957..f5c3714 100644
--- a/src/components/mainPart/mainPart.css
+++ b/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;
+ }
+
}
\ No newline at end of file
diff --git a/src/components/mainPart/timeSelector/timeSelector.css b/src/components/mainPart/timeSelector/timeSelector.css
index d67fa3e..e024709 100644
--- a/src/components/mainPart/timeSelector/timeSelector.css
+++ b/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 {