Default CSS Caused Misalign

I checked your site on 768 and below but I couldn’t see any margins issue, Can you please send me a screenshot which will help me understand this?

The same issue on my website planodo.com

Here picture -> picture

ivanc82 – Are you still having the issue?

planodocom – the issue that you are having is different I think. I have noticed you have square thumbnails on your homepage. Can you share the screenshot of the homepage thumbnail settings? So that I can understand and help you fix this?

Hi Ahmed, it looks the same for me as when I delete CSS line below then it works fine.

@media (max-width: 768px)
.b-w .fsp, .arch-psts .fsp {
flex-basis: calc(100% – 30px);
}

My thumbnails sizes and AMP settings. Adjusting sizes in AMP settings didn’t help…
https://ibb.co/9hFbFJc
https://ibb.co/74vmTVz

This is definitely due to a specific setting or a scenario. I’m trying hard to reoccur but it’s not occurring on my end.

Can you try to export the settings and share me that URL of export settings? I will import it and see if I am able to re-create, once it’s recreated, I will fix this immediately!

Hi mate,

Thanks in advance. Link to exported settings below.

https://1drv.ms/u/s!AvGuyVtntmmqhIBAdlX50NzB9JXkvw?e=xgc6hm

Thanks! I was able to re-create this and have reported this on https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/3691

I will make sure that we fix this immediately!