Aleksandr Kritskii

function openServer(){
    $(".server_item_active").hide();

    $('.server_item').on('click', function() {
    	$(".server_item_active").hide();
        $(this).find('.server_item_active').show();
    });
    
}

.block {
 display: flex;
 justify-content: center;
 align-items: center;
}

ну так откройте в хроме разрешение телефона и нажмите обновить страницу
все будет корректно

а на вопрос почему, отвечу не глядя, скорее всего не проверяется изменение ширины и высоты экрана через JS

уверены, что пусть прописан правильно?

получаешь высоту нужного тебе блока и пишешь условие, в котором, если высота больше, то скрываешь оверфлоу

let height = document.querySelector('.single__block')
if (height.offsetHeight >= 900) {
  document.querySelector('.single').style.overflow = "hidden"
}