Layout Error - It does not reflect as it is in the editing screen

I tried to duplicate the layout in the same page.
But after duplicate, when i see the preview, it shows different layout.
It does not reflect in the preview as i see it in editing screen.
Please refer to the screenshots for details.

Below is how i want. It’s editing screen.

However, if i publish, it shows like below… i have no idea why.

Hello there,

Please share a link to your site here to help me inspect what’s going wrong in there.

Regards,
Kharis

Thanks!

Hello there,

I checked your link and the photo grid looks fine. Nothing to fix as seen on the below screenshots.

Probably active cache made with W3 Total Cache won’t load the entire CSS until it’s flushed. Try to flush/clear it first and reload your page.

https://wordpress.org/support/article/i-make-changes-and-nothing-happens/

Regards,
Kharis