monochromer

Наверно, лучше просто очищать форму после отправки, например, методом reset()

.catalog-price {
  min-height: 100vh;
}

https://avocode.com/ - работает с PSD и sketch

https://meyerweb.com/eric/thoughts/2017/02/24/scal...

Варианты реализации:
1. Если работать с float-колонками (или вообще, когда колонка в отдельном элементе), то можно обернуть две колонки в общую обертку. Потом в медиазапросе сделать их этих двух колонок одну.
2. Использовать CSS columns c деградацией.

Все размеры заданы в em или rem. С помощью JavaScript менять размер шрифта на корневых элементах (html или body) в зависимости от размеров окна.

примерно так:

<section class="section">
  <div class="section__inner container">
    <div class="text-block">
      <h2>Lorem ipsum.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis sequi nam temporibus quibusdam possimus repudiandae veritatis, in autem! Repellat maiores quia neque aspernatur libero consequatur quod provident, explicabo voluptatum dolor!</p>
    </div>
  </div>
</section>

body {
  margin: 0;
  font: 100%/1.4 sans-serif;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}

.section {
  position: relative;
  height: 100vh;
  color: #FFF;
  background-color: #FFC056;
}

  .section::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    background: url("http://placeimg.com/400/400") no-repeat 50% / cover;
  }

  .section__inner {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.text-block {
  box-sizing: border-box;
  padding: 2em;
  width: 50%;
  margin-left: 50%;
}

jsbin.com/zeyacoqicu/edit?html,css,output

gulp.task('sass', function() {
  return gulp.src('app/sass/*.scss')
  .pipe(sass({
    includePaths: ['./node_modules']
  }))
  .pipe(gulp.dest('app/css'))
});

@import 'normalize.css/normalize.css';

Скорее событие loadeddata, progress - для отслеживания текущего положения проигрывания.

Вариант на float.

Допущение, что боковые колонки фиксированной ширины (в демке 200px). Центральная колонка идет в разметке первой (SEO-шники в экстазе).

Пример 10-летней давности.

В общем, варианты, как я понял, такие:
1. Смириться и просто использовать переменную окружения "NODE_ENV=production"
2. Использовать пакет express-pug-cache-helper. Но тут нужны 2-а экземпляра express. Один - для основной работы, другой - для кэширования шаблонов.
3. Использовать предкомпиляцию шаблонов с костылями, затем на produсtion подменить шаблонизатор.

https://pugjs.org/language/attributes.html#quoted-...

Добавлю еще:
перевод статьи с DesignModo:
pixelgene.ru/articles/vertical-rhythm.html

Typography Handbook
typographyhandbook.com

Обернуть таблицу элементом с прокрутой.

Библиотека:
elementqueries.com

Статья про нее:
https://www.smashingmagazine.com/2016/07/how-i-end...