Делаю все по пропорциям, все свойства правильные(не факт) и выходит отступ справа, хотя я его не задавал. Убрать тоже не получается
Отступы идут от contact-form Все скрины предоставил) Кто сталкивался, подскажите пожалуйста.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЭлементы <input class="input-mobile">
и <input class="input-email">
выравниваются по левому краю. Отступ между ними устанавливается автоматически, но. Оба элемента имеют свойства width: 40%
и width: 48%
соответственно. Отступ задается от родителя - .contact-form
. 40% + 48% = 88%. Соответственно, "отступ" справа примерно равен этим 12%, которых не хватает в .input-mobile
и .input-email
. Просто задайте такую ширину элементов, чтобы в сумме они давали 100%, либо выравняйте эти элементы по центру формы. Для реализации второго варианта, можно просто добавить .contact-form
свойство justify-content: center;
.
.input-mobile {width = 40%;}
.input-email {width = 48%;}
40% + 48% = 88%. Ни о чем не говорит?