diff --git a/src/App.tsx b/src/App.tsx index 343fee3..beb391c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -336,7 +336,7 @@ const Container = styled.main<{$fullHeight: boolean}>` display: flex; width: calc(100% - 40px); max-width: 1228px; - height: 90vh; + height: 90dvh; margin: 40px auto 0; background: ${({ theme }) => theme.colors.white}; border-radius: ${({ theme }) => theme.radius.page}; @@ -345,7 +345,8 @@ const Container = styled.main<{$fullHeight: boolean}>` @media (max-width: 900px) { //flex-direction: column; - height: 90vh; + height: 100dvh; + margin: 0; } ${({ theme }) => theme.media.mobile(css<{$fullHeight: boolean}>` diff --git a/src_static/index.html b/src_static/index.html index 6d22319..73fb7e7 100644 --- a/src_static/index.html +++ b/src_static/index.html @@ -67,7 +67,7 @@ #page_autobasket {} #page_autobasket_content {display: flex;flex-direction: column;gap: 64px;} - #page_autobasket_content_description {text-align: center;} + #page_autobasket_content_description {text-align: center;max-width: 1000px;} #page_autobasket_content_description p {font-size: 24px;color: #4e7067;} #page_autobasket_images {display: flex;flex-direction: row;gap: 20px;justify-content: center;} #page_autobasket_images div {display: flex;flex-direction: column; gap: 16px;max-width: 387px;text-align: center;align-items: center;} @@ -303,6 +303,7 @@
Вы выбираете, сколько человек в семье,
собирает корзину с учётом порций.
На выходе — чёткий список покупок,
разбитый по отделам магазина