Владимир Пономарев

Попробуйте сделать фиксированный внешний отступ для блока с контентом с правой стороны, а блок сайдбара фиксированной разместить справа используя position: "absolute"
Вот пример

С моей невысокой колокольни как статическая верстка эта работа выполнена вполне хорошо, правда я не смотрел ее в браузерах кроме chrome и ff. Но сейчас в эпоху мобильных устройств и интернета в большинстве случаев необходима поддержка и для маленьких экранов, поэтому, я бы посоветовал попрактиковаться на макетах, делая именно отзывчивую верстку.

PS.: еще взгляните вот сюда по поводу mobile-first. Довольно часто бывает так, что поддержка маленьких экранов нужно, но макет только для десктопа, и в этом случае mobile-first не так уж просто применить.

Лично я в такой ситуации делаю в первую очередь верстку для большого экрана как на макете, но при этом для каждого элемента верстки стили которые очевидно нужны только для большого экрана оборачиваю в соотв. медиа запрос, а все прочие указываю без медиа-запроса.

Затем перехожу к адаптации макета для самого маленького экрана (например 320 px) и это процесс довольно творческий без наличия макета.

После того, как для самого маленького экрана получился приемлемый результат, и при этом ничего не было испорчено для большого экрана, я делаю адаптацию для промежуточных разрешений, просто меняя ширину "экрана" (с помощью эмуляции мобильных устройств в chrome) и исправляя все некорректные вещи. При этом добавляю необходимые медиа-запросы для данной ширины экрана и указываю там нужные CSS-свойства.

Ну а потом настает черед все это дело проверять в остальных браузерах и вносить правки если нужно.

Если используете vue.js, и, скорее всего, вам нужна отработка действия пользователя без перезагрузки страницы, тогда попробуйте плагин vue-resource. Чисто технически он отправляет на сервер запрос нужного вам типа (POST, GET итд.) с произвольными данными используя XmlHttpRequest.

this.$http.post('/select-city', {cityId: 1}).then((response) => {
          // success callback
      }, (response) => {
          // error callback
      });

Вышеприведенный сниппет может послужить примером как обрабатывать событие по клику на карточке, при этом на сервер вы можете отослать например ID карточки или что-то другое, а там уже нужно реализовать обработку POST запроса для роута /select-city (если рассматривать данный пример) и переданным ID как этого требует бизнес-логика вашего приложения.