adaptive_2

server/frontend/main/style.css

@@ -956,10 +956,153 @@ textarea {
     height: 160px;
     width: 160px;
   }
+    .heading {
+    height: 600px;
+  }
 }
 
 @media (max-width: 1220px){
       .heading {
-    margin: 0 160px;
+    margin: 0px 160px;
   }
+  .time_inner {
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 40px 0;
+  }
+  .time_row_up, .time_row_down {
+    flex-wrap: wrap;
+    width: 80%;
+    justify-content: center;
+    margin-bottom: 0;
+    gap: 40px;
+  }
+  .row_up_item {
+    padding: 25px;
+    margin: 0;
+    height: 280px;
+  }
+  .time_wrapper {
+    height: fit-content;
+    margin-top: 0;
+  }
+  .time_row_up {
+    padding-bottom: 40px;
+  }
+  .time_wrapper::after {
+    width: 90%;
+  }
+  .transfer_map {
+    flex-direction: column;
+  }
+  .swiper_img {
+    height: 450px;
+  }
+    .to-do-list_items {
+    width: 70%;
+  }
+  .form-info {
+    display: inline-block;
+  }
+    .time_img {
+    width: 60px;
+    height: 60px;
+  }
+    .time_h6 {
+    font-size: 26px;
+  }
+    .time_p {
+    font-size: 24px;
+  }
+    .time_comment {
+    font-size: 22px;
+  }
+      .newlywed {
+    width: 70%;
+  }
+  .newlywed_item {
+    padding: 40px;
+  }
+    .newlywed_text {
+    margin-left: 60px;
+  }
+    .img_newlywed {
+    height: 200px;
+    width: 200px;
+  }
+    .newlywed_info {
+    font-size: 26px;
+  }
+  .newlywed_title {
+    font-size: 36px;
+  }
+    .map > div {
+    width: 600px;
+    height: 400px;
+  }
+    .map_adress {
+    font-size: 36px;
+  }
+    .map_info {
+    font-size: 40px;
+  }
+    .map_time {
+    font-size: 46px;
+  }
+  .to-do-list_item {
+    width: 350px;
+    height: 250px;
+    font-size: 32px;
+  }
+  .to-do-list_item_img {
+  width: 70px;
+  height: 70px;
+}
+.answer_wrapper {
+    margin: 0 200px;
+}
+.form_name {
+    padding: 0 100px;
+}
+.form-info {
+    width: 100%;
+}
+  .form_name input[type="text"] {
+    width: 350px;
+  }
+    .form_menu, .form_drink {
+    padding: 0 100px;
+  }
+  .footer_text {
+  font-size: 45px;
+}
+
+}
+
+@media (max-width: 1120px) {
+    .heading {
+    margin: 0px 100px;
+  }
+    .swiper_img {
+    height: 500px;
+  }
+    .form_name {
+    padding: 0 50px;
+  }
+    .form_menu, .form_drink {
+    padding: 0 50px;
+  }
+    .answer_wrapper {
+    margin: 0 150px;
+  }
+    .form_name input[type="text"] {
+    width: 400px;
+  }
+  .footer_title {
+    display: none;
+  }
+  .footer_inner {
+    padding: 20px 100px;
+  }
+
 }