za-ek/marketing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adaptive

Browse Source
This commit is contained in:
Zakhar 2026-06-03 12:50:39 +03:00
parent 94e0cf67ff
commit 4acd22547c
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@ -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 {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_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_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 {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;} #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; #try_button {background-color: #FFBA00;padding:13px 43px;font-weight: bold;border-radius: 100px;color:#0C3B2E;text-decoration: none;
display: flex;} 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 {}
#page_index_content {align-items: start;} #page_index_content {align-items: start;}
#page_index p {font-size: 18px;} #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 {position: relative;align-items: end;display: flex;}
#page_how_it_works_step_3 img {position:absolute;width:240px;top:-170px;} #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 {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_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;} #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_image img {max-width: 220px;}
#page_how_it_works_info_content {margin-left: 100px;color:#0C3B2E;} #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){ @media (max-height: 1000px){
#page_autobasket_content {gap: 20px;} #page_autobasket_content {gap: 20px;}