Как мне выровнять вещи в адаптивном макете

Question

Я строю адаптивный дизайн с использованием CSS, и мне интересно, как я могу держать все в порядке. Пока два примера: моя страница: http://www.spabc.com/drupal/ Теперь я хотел бы сохранить check-rates_btn в соответствии с titleimg как окно браузера изменяет размеры, но из-за изображения устанавливается width из 95%Я не могу держать вещи в одном ряду. Я также хотел бы сохранить logo хорошо выровнен с изображением, т.е. где он висит над titleimgЯ хочу, чтобы комната оставалась нависшей = до расстояния с правой стороны до границы titleimg, Я попытался изобразить, что я имею в виду: расстояния, обозначенные красными линиями, должны оставаться равными. Как мне это сделать?

Answer 1

Вам нужно будет настроить стили для check-rates_btn а также titleimg соответственно используя CSS Media Queries.

К сожалению, вы используете Drupal и у вас слишком много кэшированных CSS-файлов, чтобы я мог их просмотреть, но те, на которые я смотрел (layout.css а также system.theme.css) было только несколько конкретных медиа-запросов, которые не изменяли эти классы.

Надеюсь это поможет.