yndx-shri-reviewer / shri-2020-task-1

Задание 1. Реализуйте дизайн-систему — ШРИ, Москва, 2020
https://yandex.ru/promo/academy/shri
44 stars 103 forks source link

Горизонтальный отступ у layout, header, footer #36

Closed nat-k-dev closed 4 years ago

nat-k-dev commented 4 years ago

На странице описания контентных блоков заданы горизонтальные отступы у блоков .header и .footer : "значения вертикальных отступов: xxxl — вертикальный, --gap горизонтальный;".

У блока layout горизонтальные отступы не указаны.

В результате, на узких экранах содержимое layout прилегает к краю экрана, а у header и footer отступы. Как следствие, левая вертикальная граница header и footer лежит не на одной линии с границами блоков внутри layout.

Так и задумано? Или на всех экранах левые и правые вертикальные границы header, layout, footer должны идти по одной линии?

issue-отступы

tensegrity666 commented 4 years ago

Так и задумано?

Без этих отступов автотесты не пройдут.

nat-k-dev commented 4 years ago

То что автотесты не пройдут без отступов у header и footer, это ожидаемо, потому что об этом в задании явно сказано. Но про горизонтальные отступы у layout ничего не сказано. И так как макет есть только для широкого экрана, то не совсем понятно, как должны выглядеть левые и правые границы на узких экранах. В одну линию, как и при больших разрешениях, или границы header/footer с отступами, а границы layout примыкают к краю браузера?

tensegrity666 commented 4 years ago

не совсем понятно, как должны выглядеть левые и правые границы на узких экранах.

Они должны выглядеть так, как на скриншоте. Ширина 15px.

nat-k-dev commented 4 years ago

Спасибо