CSS Padding text not responsive

Can you post a screenshot please? I’ve checked your website from my phone and it seems ok

Hello there,

Thanks for having a look.

I’m using a front page slider that is good enough for now, and works on all devices.

I put up the other slider on a page that is not ready to be filled out yet.. but I rather like the idea of it if it can work.
I’m using padding for these elements on slide 1, 2. It is the padding that is off mobile and tablet. I’d like the padded elements to be of same length.

websitepage

Actually, while I’m thinking of it, the current front page slider will not accept padding responsively either. So, if I extent the padding on the second text element to match the length of the first it looks great on laptop but not on mobile/tablet…as in not positioned correctly..it positions right of top text element.

Therefore, I had to remove it…

I duplicated it on slide 3.

Ok I can see it now. Unfortunately, the responsive algorithm is not perfect: some numbers (like the width and the height of the text elements) are rounded therefore some pixels are lost. Usually, that amount is negligible but in this case you can clearly see the difference.

I could suggest you to use a .png image instead of padding as background. The accuracy will improve.

Thanks for having a look. I’ll try the suggestion.