diff --git a/server/frontend/main/style.css b/server/frontend/main/style.css index 8042985..81a5f64 100644 --- a/server/frontend/main/style.css +++ b/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; + } + } \ No newline at end of file