я ищу именно то решение, которое описано в вопросе, без js, без жестких переносов, без уменьшения ширины (если это влияет на другие блоки).
box-sizing: border-box; наличие рамок влияет и на другие моменты.
// этот код меняет поведение прокрутки на "smooth"
window.scrollTo({
top: 1000,
behavior: "smooth"
});Могу ли я взять одно слово из текста в h1?
повлияет ли это на сео адаптивность?
Я знаю что этот сайт не выйдет в топ 1 поиска по какому-либо вопросу, но формальности надо соблюдать. Этот "единственный h1 на странице в display: none" будет считаться решением этой "формальности"?
хуже от этого мета-тега точно не станет.
device-width - станет хуже.
Если бы прямо приспичило так делать, то выбрала бы вариант Владимир Проскурин с флексами, только заменила бы лишние спаны на псевдо.
А по уму остановилась и подумала, а то ли я вообще делаю с точки зрения юзабилити и дизайна. Но не видела ваших макетов, может и норм.