Текст отказывается от изменения размера, несмотря на использование запроса @media

Question

Я собирал сайт с помощью начальной загрузки и хотел, чтобы размер текста изменялся при просмотре на телефоне в портретном режиме:

Поэтому я использовал следующий CSS:

@media only screen and (max-width: 767px) {

   h1 {
      font-size: 3em;
   }

   h5 {
      font-size: 2em;
   }

Однако по какой-то причине я не могу понять, что текст не изменяется при просмотре на мобильном телефоне.

Заранее спасибо

полный код здесь: https://github.com/MrVIncentRyan/portfolio

Answer 1

Все еще не уверен, почему это не работает, но я исправил это, изменив flexbox, в котором был текст.