Blocks misaligned on mobile

Site URL: https://gregorylassale.com/

Because of the scaling, the center element on the Services pages (https://gregorylassale.com/english#services and https://gregorylassale.com/french#servicesfr) is out of alignment on mobile.

The picture above os on an iPad Pro 11 (2388x1668 pixels) 

Here is the same page on desktop:

Not sure if the fix would involve inserting a spacer above the "film TV and multimedia" SVG code block, aligning the center row of elements, or reducing padding on mobile.

Thanks in advance for the help.

Hi. It looks like you solved the problem? I see it fine here, on iPad Pro?

some other problems on your site, do you want to fix these?

Site URL: https://gregorylassale.com/

1. (Smaller screen) Scrollbar at the bottom

2. (Mobile-Services) Change to 2 items/row

3. (Mobile-Header) Want to resize title?

4. (Mobile-Services) Want to make this image fullsize?

5. (Tablet-Services) Want to make 3 items same line?

6. (Tablet-Services) Increase accordion width?

@tuanphan Hi

No, I haven't fixed the problem on iPad Pro 11''. If your have the 12.9'' model, that might be why the items are ligned up, but the problem is not solved on smaller screens. 

Sure, would love to fix those other issues! 🙂  However I am seeing no issue with the counters on my iPad in either landscape or portrait mode:

I've managed to fix the original problem. I've also been able to resize the mobile header, adjust the banner image focal point and reorder the blocks on the Service page. I cannot reproduce the horizontal scrollbar issue. I also cannot reproduce the counters misalignment on tablet or the accordion width issue. Both look good on my iPad: 

I just noticed the counters and footer seem offset to the left on mobile (phone). Tablet looks OK. I also need to increase the footer's padding so that the first line of text goes on two lines.

On 4/23/2021 at 10:48 PM, GregLassale said:

I've managed to fix the original problem. I've also been able to resize the mobile header, adjust the banner image focal point and reorder the blocks on the Service page. I cannot reproduce the horizontal scrollbar issue. I also cannot reproduce the counters misalignment on tablet or the accordion width issue. Both look good on my iPad: 

 

 

 

I just noticed the counters and footer seem offset to the left on mobile (phone). Tablet looks OK. I also need to increase the footer's padding so that the first line of text goes on two lines.

Do you still need help on this?

No, thank you. I managed to fix those issues.