если выровнять все блоки в html, то появляются пробелы между блоками input и button. из-за чего плывет приложение.
фиксится одним из двух а можно и сразу двумя вариантами:
увеличением ширины у блока
установлено width: 400px; можно поднять хотя бы на 15px , а лучше на 25px.
задание все тегам li свойств
display: flex;
justify-content: space-between;
align-items: center;
оба варианта лучше использовать вместе. т.к. если использовать только первый вариант, то элементы расположены немного криво
Что-то пошло не так при выравнивании. Похоже, что лишние пробелы попали ВНУТРЬ тегов, этого быть не должно. Или же есть trailing spaces. Я бы проверила измения с форматированием
Вернул исходную ширину 400px и убрал флексы. Проблема снова появилась
Лишних пробелов не вижу, только перед тегами. После тегов и внутри лишних пробелов нет.
Если в html склеить всё вместе, то проблема исчезает.
Я конечно, когда то читал про экранирование пробелов за тегом, потому что они могут показаться в браузере, но я думаю, что это уже не будет чистым кодом )
Возможно тогда сделать пометку в задании в пункте критерии оценки?
"Ширина приложения может быть увеличена или уменьшена. Ширину приложения не проверяется и не оценивается."
P.S. пока что в чате эта проблема не была обнаружена не у кого.
если выровнять все блоки в html, то появляются пробелы между блоками input и button. из-за чего плывет приложение. фиксится одним из двух а можно и сразу двумя вариантами:
оба варианта лучше использовать вместе. т.к. если использовать только первый вариант, то элементы расположены немного криво
Что-то пошло не так при выравнивании. Похоже, что лишние пробелы попали ВНУТРЬ тегов, этого быть не должно. Или же есть trailing spaces. Я бы проверила измения с форматированием
@Wolf-Den1994, перепроверь пожалуйста свои изменения. Я не воспроизвела у себя проблемы
Вернул исходную ширину 400px и убрал флексы. Проблема снова появилась Лишних пробелов не вижу, только перед тегами. После тегов и внутри лишних пробелов нет. Если в html склеить всё вместе, то проблема исчезает. Я конечно, когда то читал про экранирование пробелов за тегом, потому что они могут показаться в браузере, но я думаю, что это уже не будет чистым кодом ) Возможно тогда сделать пометку в задании в пункте критерии оценки? "Ширина приложения может быть увеличена или уменьшена. Ширину приложения не проверяется и не оценивается." P.S. пока что в чате эта проблема не была обнаружена не у кого.
Всё дело в блочно-строчных элементах, вот статья https://htmlacademy.ru/blog/boost/frontend/fighting-the-space-between-inline-block-elements
Проблема не только у меня как минимум уже, обнаружил еще одного человека с данной проблемой.
https://github.com/ViktoryiaYatskova/clean-code-s1e1/commit/a38cd58a90e13a16d65c035d098b68cea2baa772
Спасибо!