Как сделать этот CSS отзывчивым?
На моей целевой странице: http://bit.ly/Z7GPai (пароль: приветствуется) у меня есть два текстовых столбца: ".one-half first" и.one-half.
Как я могу реализовать ясно: оба; правильно, чтобы на экранах мобильных устройств размером менее 750 пикселей столбец "половина первого" фактически отображался НИЖЕ столбца "половина"?
Другими словами, на мобильных дисплеях я хочу, чтобы столбец "половина" отображался, ну, во-первых, прямо под видео, а затем "половина первого" (т. Е. Столбец с красным заголовком), размещенный под ним,
Большое спасибо.
1 ответ
Вы хотите использовать медиа-запрос.
Дополнительная информация о MDN: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries