Есть простой сайт (см. скрин) нужно сделать чтобы он выглядел одинаково хорошо на всех экранах и устройствах (кроме IE-хоть тут заказчик сжалился)...
Всё что в зеленой рамке должно выглядеть на всех экранах одинаково от 320 до 1200px.
(Задаваться вопросом что курил дизайнер-не будем)
Сложность в том, что ссылки красным цветом (6,02; 1,40 и т.д.) - это тайминг/воспроизв./пауза музыкальных треков.
Фон решено было сделать svg растянуть и отцентрировать с помощью background-position: center center;
background-size: cover; А ссылки сделать блоками в надежде на то что они останутся на своих местах при изменении размера (наивный...).
Наверное проще
посмотреть мой сырой вариант верстки.
Относительные единицы были выбраны с привязкой к ширине экрана VW.
Собственно вопрос на миллион-правильную ли тактику я выбрал или есть способы реализовать это проще, удобнее, чтобы блоки с таймингом были зафиксированы на своих местах и не плавали как г.... в проруби?
Простой
Средний