JavaScript для адаптивной вёрстки это нормально или как заменить на CSS?

Question

[Айнур Ярулин]

Здравствуйте, вообщем учусь делать адаптивный дизайн и у меня есть с виду лёгкая задача,
сделать так, чтобы кнопки переносились на другую строку, если высота экрана больше, чем ширина.

Но суть в том, что я делаю сайт, который будет одинаково выглядеть и на 8к мониторах и на
обычных fullhd, но не могу понять, как сделать подобную фигню без JS

https://codepen.io/squadcoder/pen/KKMmBvb (измените размер окна так, чтобы высота была больше ширины)

Еще хочу узнать, сильно ли повлияет адаптация сайта через JS на производительность

Answer 1

[Тимур Гафиулин]

Делается через медиазпрос в CSS.

@media (orientation: portrait) {

}

Comments

[Айнур Ярулин]

О, спасибо, я прям чувствовал, что у меня колхоз колхозный

[Тимур Гафиулин]

squadbrodyaga, если никогда не сталкивался, то задавать такие вопросы вполне нормально.
Со временем разберешься, надеюсь)