Фиксированный текст?

Question

[Wilson]

Доброго времени суток. Столкнулся с проблемой с адаптацией текста (Текст на скрине).

Сама проблема:
Не могу никак адаптировать текст под все экраны.
Он постоянно куда-то съезжает. Кажется перепробовал всё. Какие можете подсказать варианты решения данной проблемы? (Обязательно нужно учитывать пространство про краям)

https://codepen.io/Wood_16/pen/VwjXYeR Сейчас код этих элементов выглядит так (Сайт делался под огромный телевизор)

Comments

[Ankhena]

Уточните в чем именно проблема и как вы хотите его адаптировать?
И желательно песочницу с вашими попытками.

[Eugen]

сделайте пример из оригинала на CodePen.

[Wilson]

Ankhena, Пытался через media запросы, но текст всё равно никак не мог держатся там где я ему задал. Так же куча других бесполезных способов с форумов.

[Ankhena]

bbbbb123654, и как нам узнать где вы его задали и как узнать почему он там не держится?

Нарисуйте картинки как должно быть.
Сделайте песочницу с тем, что не вышло.

[Wilson]

malente, https://codepen.io/Wood_16/pen/VwjXYeR

[Eugen]

bbbbb123654, с Flex-ом знакомы? у вас макет не Responsive

[Ankhena]

bbbbb123654,

1. Тег font помер уже заметно давно.
2. Почему вы пункты меню делаете заголовками?

Например, гридами https://jsfiddle.net/wu2anzbj/

Но если там действительно меню, то лучше как-нибудь так https://jsfiddle.net/pjryu4oh/

Answer 1

[Alex]

Текст, иконка, текст. Контейнеру display: flex; text-align: center; И готово. Это максимум что можно сказать, не видя ни вашего кода ни демки, ни ваших попыток, не понимая что в итоге должно получиться, и что не получается.

Comments

[Wilson]

https://codepen.io/Wood_16/pen/VwjXYeR

Answer 2

[kryamk]

Какой смешно код у тебя. ) Сохрани чтобы потом с ностальгией вспоминать.
https://codepen.io/i-smirnov/pen/OJXvXae?editors=0100