Hoepage viewd on mobile or tablet or desktop shurnkdown to mobile size issue

[spirog]

hello I have found another bug and reported it to whmcs 

 

 /homepage.tpl ( homepage - /index.html)

 has 5 containers and another 4 containers right below them.

the last 4th container does not align properly when viewing on a mobile device or tablet ( ie ipad ) 

nor if you were viewing on a desktop and shrunk down you browser page as if it were a mobile device or tablet

 

the code is below if you remove offset-3 

Find in /homepage.tpl the code below:

<div class="col-6 offset-3 offset-md-0 col-md-4 col-lg">
        <a href="clientarea.php?action=masspay&all=true" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="fal fa-credit-card"></i>
            </figure>
            {lang key='homepage.makeAPayment'}
        </a>
    </div>
</div>

and change to :

<div class="col-6 offset-md-0 col-md-4 col-lg">
        <a href="clientarea.php?action=masspay&all=true" class="card-accent-midnight-blue">
            <figure class="ico-container">
                <i class="fal fa-credit-card"></i>
            </figure>
            {lang key='homepage.makeAPayment'}
        </a>
    </div>
</div>

now it will align as it seems it should.

 

if anyone has another fix or a reason why this should have the offset-3 please do let me know

Hope this helps anyone else having this issue

kind Regards,

Spiro