Нужна помощь в размещении заголовка и подзаголовка

flex-direction:column это то, что вам нужно

body,
html {
  font-family: 'Montserrat';
  margin: 0;
  height: 100%;
}

body {
  background-color: red;
text-align:Center;
}

.newtest {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 75%;
}

<div class = "newtest">
  <span class = "sub-head">helpthistext</span>
  <h1 class = "main-head">title one & another one</h1>
</div>

Пожалуйста, добавьте направление гибкости в файл newtest.

.newtest {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 75%;
      flex-direction: column;
}

Вероятно, имеет смысл отображать .sub-head под .main-head в разметке, даже если вы хотите визуально отобразить его над основным заголовком в окне просмотра браузера.

Для этого примените display: flex к .newtest, а затем:

• дать .main-head заказ 2

• дать .sub-head заказ 1

  Рабочий пример:

.newtest {
display: flex;
flex-wrap: wrap;
}

.main-head {
order: 2;
width: 100%;
margin-top: 0;
}

.sub-head {
width: 100%;
order: 1;
font-size: 16px;
}

<div class = "newtest">    
<h1 class = "main-head">title one &amp; another one</h1>
<div class = "sub-head">helpthistext</div>
</div>

Попробуйте ниже код...

<div class = "myDiv">
  <h3>helpthistext</h3>
  <h1>title one & another one</h1>
</div>

.myDiv {
  margin: 20px auto;
  width: 50%;
}

.myDiv h3 {
  margin: 0px;
}

.myDiv h1 {
  margin: 0;
}