Разделите содержимое страницы в две половины, но если ширина экрана меньше, чем X

Question

Так что в настоящее время я работаю над сайтом Wordpress, и я хочу разделить экран в две половины. Я нашел способ сделать это, но теперь у меня возникла проблема: если вы получаете доступ к нему с помощью мобильного устройства, экран по-прежнему разделяется, и он слишком мал.

Есть ли лучший способ разделить страницу, чем то, как я использую, и как я могу сказать, что она идет рядом друг с другом, если экран шире обычного экрана телефона?

Я могу использовать только html, насколько мне известно, в редакторе сайта Wordpress. Я не очень хорошо знаком с html/css. Однако есть возможность добавлять собственные стили CSS в мою тему. Не уверен, что это сработает.

Вы можете посмотреть на странице здесь:

В настоящее время, который раскалывает мой экран:

<div style="float: left; width: 50%;"> 
</div> 
<div style="float: right; width: 50%;"> 
</div> 

Answer 1

Вы должны взглянуть на вопросы СМИ.

Что-то, как это должно работать:

@media all and (min-width: 640px) { 
    div { 
     width: 100%; 
    } 
}