Как правильнее всего делать кнопку?

Question

[Ivanushka255]

https://codepen.io/Van245/pen/MWKRerp

Такой вопрос, надо ли указывать четкие размеры для кнопки (width/height)? Или лучше все же максимальные width/height, чтоб дать некоторую свободу и в то же самое время, чтоб при добавлении "большего" текста кнопка не разъехалась?

Потому что лично у меня кнопка получается больше, чем на макете и из-за этого все едет. Тоже совершенно непонятно почему больше, чем на макете (все размеры брались четко с макета)

Answer 1

[approximate solution]

Я думаю все зависит от конкретной макета. Проще всего если у вас заданы box-sizing:border-box;, тогда размер кнопки вы смело можете задать паддингом, расчитав внутренние отступы. Так же "высоту" можно задавать с помощью line-height. Задавать фиксированную высоту можно в том случае, если вы уверены что у вас не будет переполнения контента.

Конкретно в вашем случае, по codepen -убирайте фикс ширину и высоту, и паддингом отмеряйте нужный размер. Кнопка пример божеский вид.

Answer 2

[WapSter]