Не работает ссылка для открытия файла

Есть такая конструкция:

<div class="col-12 col-sm-4">
  <div class="home-hover navigation-slide">
    <a href="/files/111.pdf">
      <img src="images/PDF.png" style="width:20%">
    </a>
  </div>
  <a href="/files/111.pdf">
    <span style="color:white;">DOWNLOAD PDF</span>
  </a>
</div>

Но ни одна из ссылок не работает при клике. Если нажать правой кнопкой мыши и выбрать открыть в новой вкладке, то открывается необходжимый файл, в чем проблема?