Гиперссылка не активна в мобильном представлении, но кликабельна на рабочем столе в начальной загрузке.Почему это?

Question

Ниже мой код начальной загрузки.Гиперссылка на изображение и заголовок "Motorola Moto G6 Plus" также не активируются.Я использую бутстрап.

<div class="panel panel-white no-padding no-border "> 
<div class="panel-heading"> 
    <h4 class="panel-title ">Latest Launched Mobiles in Pakistan </h4> 
</div>
<div class="panel-body no-padding no-margin">
    <br>
    <div class=" col-md-2 col-sm-6 col-xs-6 no-padding no-margin">
        <div class="col-xs-12 no-padding"> <div class="text-center"> 
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2793/Motorola-Moto-G6-Plus.html">
                    <img src="https://viewpackages.com/prices/assets/images/mobiles/Motorola-Moto-G6-Plus-2793.png" alt="Motorola-Moto-G6-Plus mobile prices in Pakistan" title="Motorola-Moto-G6-Plus mobile prices in Pakistan" width="100" height="140">
                </a>
                <br><br>
            </div>
            <div class="caption text-center no-padding no-margin">  
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2793/Motorola-Moto-G6-Plus.html"> 
                    <h6 style="height: 40px; line-height: 18px;" class="no-padding no-margin text-bold"> Motorola Moto G6 Plus  </h6>
                </a>
                <p class ="text-green text-bold no-margin no-paddin">Rs.42000 $364</p>
                <p class="text-bold no-margin no-padding">9 online shop options <p><br>
            </div> 
        </div>
    </div>
     <div class=" col-md-2 col-sm-6 col-xs-6 no-padding no-margin">
        <div class="col-xs-12 no-padding"> <div class="text-center"> 
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2792/Motorola-Moto-G6.html">
                    <img src="https://viewpackages.com/prices/assets/images/mobiles/Motorola-Moto-G6-2792.png" alt="Motorola-Moto-G6-Plus mobile prices in Pakistan" title="Motorola-Moto-G6-Plus mobile prices in Pakistan" width="100" height="140">
                </a>
                <br><br>
            </div>
            <div class="caption text-center no-padding no-margin">  
                <a href="https://viewpackages.com/prices/Pakistan/Motorola/2792/Motorola-Moto-G6.html"> 
                    <h6 style="height: 40px; line-height: 18px;" class="no-padding no-margin text-bold"> Motorola Moto G6 Plus  </h6>
                </a>
                <p class ="text-green text-bold no-margin no-paddin">Rs.42000 $364</p>
                <p class="text-bold no-margin no-padding">9 online shop options <p><br>
            </div> 
        </div>
    </div>
</div>

Ниже приведен снимок экрана с вышеприведенным кодом, но ссылка не отображается в мобильном представлении.

Вывод снимка экрана:

В чем проблема?