Виктор Полторацкий

Такая жизнь) просто падинг сделай снизу и всё, сей час многие телефоны управляются жестами и плажки нет либо ее снимают ,даже если будет проблема не твоя

Пользуйся rem em, у px есть различия в браузерах

return src(path.src.html, {}) попробуй
и проверь правильность пути html: source_folder + "/**/*.html",
тут явно путь не точный
В консоле должна быть описана проблема поточнее

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<div>
<p>
      <span class="dollar">$</span>
      <span class="number">50</span>
      <span class="text">per month</span>     
</p>
</div>

* {
  margin: 0;
  padding: 0;
}

p {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.dollar {
  font-size: calc(1rem + 0.65vw);
  vertical-align: top;
}

.number {
  font-size: calc(1rem + 2.4vw);
}

.text {
  font-size: calc(1rem + 0.07vw);
}
div {
  background: #3949ab;
  display:flex;
  justify-content:center;
  align-items:center;
  height: 100px;
}