WebforSelf, а, я понял, градиент тут не совсем линейный, на моей мониторе плохо видно. Тогда можно еще 2 радиальных эллипса наложить, но подбирать значения, это будет ад.
Ну по CIU у grid поддержка 93 процента, когда я начал использовать flexbox у него была поддержка 87%. Правда у меня была статистика по браузерам на других проектах.
Михаил, тогда я предлагаю сделать внешним div, для обычного пользователя это будет незаметно. Для доступности можно функционал area задействовать.
Как у вас выглядит вот такой пример - https://codepen.io/aliencash/pen/ZEWNOpr ?
MaxYenot, "рейтингов" может быть сколько угодно, как фантазия повернется. Называются аркадные атрибуты. После каждого действия, вы можете менять так или иначе значения одного или даже нескольких атрибутов. Главная сложность в балансе. Чтобы не уменьшить/увеличить значения так, чтобы игра оказалась не проходимой в принципе.
Steppp, автор говорит, что ему button принципиален. Если вы будете в label вставлять button, то label не сработает. В прочем можно попробовать наоборот, label вставить в button.
