Как убрать зависимости у кнопок?

Question

[WoodyAndBuzz]

Стили ссылок зависят друг от друга. Имеется в виду паддинги и пр. При уменьшении разрешения экрана, кнопки сужаются проваливаясь текст. В чем ошибка?
https://codepen.io/EdWrightwesr/pen/poapqxQ

Comments

[Rst0]

Стили ссылок зависят друг от друга

по ссылке такого не заметно,
padding всегда будет таким как на картике)

если нужна зависимость от ширины, то используйте единицы vw
вообще, я бы не мудрствовал, а глянул как у bootstrap это организовано...

[WoodyAndBuzz]

Rst0, Ну я думал если убрать паддинг то что закрашено коричневым уберется. По крайней мере должно. А оно не убирается если не убрать паддинг и у другой ссылки.

[Alexander3928]

А еще по хорошему, указывать для ссылок display: block;

[Rst0]

обратите внимание, я убрал повторяющиеся правила css в общий класс .btn
и добавил медиа-запросы на 321px и 460px .

можете по аналогии прописать как вам нужно.


https://developer.mozilla.org/ru/docs/Web/CSS/@media