Как скрывать столбец css grid если он не помещается на экран?

Question

[Дмитрий]

Имеется pop-up окно. В основе лежит контейнер grid_form_container к которому в css прописано display:grid. У него два столбца. В левом текстовые формы, в правом только image. Подскажите, как при уменьшении размера окна заставить image исчезнуть. Либо при запуске на смартфоне, например, вообще его не показывать.?

Прилагаю фрагмент html кода

<div class="pop_up" id="pop_up">
    <div class="pop_up_container">
        <div class="pop_up_body">
            <div class="grid_form_container">
                <div class="grid_item">
                    <p>Оставьте заявку и мы вам перезвоним.</p>
                    <form action="">
                        <input class="text_input_form" type="text" value="" placeholder="Имя" />
                        <input class="text_input_form" type="text" value="" placeholder="Телефон" />
                        <input class="text_input_form" type="text" value="" placeholder="Email" />
                        <div class="time_selection">
                            <label for="time" class="lab_chk_time">Позвонить с: </label>
                            <input type="time" id="time" name="time" />
                        </div>
                        <button>Создать заявку</button>
                    </form>
                    <div class="pop_up_close" id="pop_up_close">&#10006</div>
                </div>
                <div class="grid_item_1" >
                    <div class="image_person"><img src="~/images/form_person.png"></div>
                </div>
            </div>
            
        </div>
    </div>
</div>

Comments

[Дмитрий]

оставлю. может кому пригодится

@media(max-width:800px){
    .grid_form_container{
        grid-template-columns: 1fr;
    }
    .image_person{
        display:none;
    }
}

Answer 1

[historydev]

media запросы

Comments

[Дмитрий]

как все просто оказывается, спасибо добрый человек.

[historydev]

Дмитрий, ещё проще, если юзать секретную разработку google.com)