diff --git a/index.html b/index.html index 3a07b37..6f14531 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@ #top_logo {font-size: 20px;line-height: 24px;font-weight: bold;color: #0C3B2E;display: flex;align-items: center;gap:6px;height:24px;margin-top:8px;} #top_logo img {width: 24px;} - #top_line_container {position: fixed;top:0;width: 100%;background-color: #FCFFFB;user-select: none;z-index: 11;min-width: 420px;} + #top_line_container {position: fixed;top:0;width: 100%;background-color: #FCFFFB;user-select: none;z-index: 11;min-width: 360px;} #top_line {position:relative;display: flex;flex-direction: row;justify-content: space-around;padding:18px 0;height:80px;box-sizing: border-box; border-bottom: 1px solid #e7ede7;} #top_menu {display:flex;flex-direction:row;gap: 40px;margin-top:13px;height:18px;align-items: center;} #top_menu a {color: #6D8982;font-size:14px;font-weight: 500;line-height: 17px;text-decoration: none;} @@ -33,7 +33,7 @@ #try_button {background-color: #FFBA00;padding:13px 43px;font-weight: bold;border-radius: 100px;color:#0C3B2E;text-decoration: none; display: flex;} - .page_container {width: 100%;min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;scroll-snap-align: start;min-width: 420px;padding-top: 39px;} + .page_container {width: 100%;min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;scroll-snap-align: start;min-width: 360px;padding-top: 39px;} #page_index {} #page_index_content {align-items: start;} #page_index p {font-size: 18px;} @@ -75,7 +75,7 @@ #page_how_it_works_step_3 {position: relative;align-items: end;display: flex;} #page_how_it_works_step_3 img {position:absolute;width:240px;top:-170px;} - #page_how_it_works_info {background-color: #edfaae;width:100%;border-radius: 24px;position: relative;display: flex;flex-direction: row;box-sizing: border-box;height:320px;margin-top:60px;} + #page_how_it_works_info {background-color: #edfaae;width:100%;border-radius: 24px;position: relative;display: flex;flex-direction: row;box-sizing: border-box;min-height:320px;margin-top:60px;} #page_how_it_works_info_image {position: relative;height:320px;margin-top:70px;} #page_how_it_works_info_image img {position: absolute;max-width: 419px;left:-70px;top:-140px;} #page_how_it_works_info_content {font-size: 24px;text-align: left;margin-left:340px;margin-top:25px;display: flex;flex-direction: column;justify-content: space-around;} @@ -153,6 +153,13 @@ #page_how_it_works_info_image img {max-width: 220px;} #page_how_it_works_info_content {margin-left: 100px;color:#0C3B2E;} } + @media (max-width: 420px){ + #page_index_content {padding-top:35px;} + .big_index_greeting {font-size: 84px;line-height: 75px;} + h2 {font-size: 38px;} + #page_meal_plan_content_description {max-width: 100%;min-width: 320px;} + #page_how_it_works_info_content {} + } @media (max-height: 1000px){ #page_autobasket_content {gap: 20px;}