Pavel Torbeev

Как то так

Смотря что хотите тестировать. Юзабильность или качество верстки?
Для сравнения правильности верстки у 2гиса есть такая штука

Добавьте классу logo черный фон, а псевдоклассом добавьте наклонную часть. Сделайте блок абсолютным и z-index больше, чем у меню

В хроме при маленьком разрешении ломается заголовок

Верстка картинкой - очень плохой тон
myfoliobike.hol.es/_landing/img/two_section_bg.jpg

И даже get_the_category() не работает?

Сделайте внешний див, внутри которого будут два блока.
У внешнего display:table, у внутренних display: table-cell

https://jsfiddle.net/2dman5pr/1/

$(window).on('click', '.propClone a', function() {
$(this).parents('.navbar-collapse').addClass('collapse')
});

Можете воспользоваться готовыми библиотеками, такими как d3js, highchart. Не большие настройки + данные и в итоге получаете красивые, функциональные графики

gulp-spritesmith помимо спрайта генерирует миксин, подключив который к препроцессору, вы можете подключать нужное изображение путем инклуда. Что то вроде:
.sprite(imgname);
Только название изображение. Миксин сам подставит нужный бекграунд (картинка спрайта) и бэкграунд позишн, размеры

$('.modal').append($());
где .modal - класс открывшегося модального окна

Используйте grid систему бутстрапа
тоесть у дивов календара должна быть классы, например:

<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>

Так же может помочь в некоторых случаях calc()

Перспективу можно реализовать стандартными средствами CSS. С помощью свойства transform
Даже демо есть

Точнее, jsfiddle.net/tant669y/3

Выбирайте любую

Вам поможет свойство media css конкретнее aspect-ratio параметр