HTML structure changes when published to main site

Hi all,

I have a strange outcome when publishing my design to the main site. I have a display flex wrapper containing two card styled components. However, on the live site, elements inside this component appear along side it. It’s very strange as the other component is fine.

This image represents the designer

This image represents the live site with the HTML structure…

Would anyone of experienced this issue previously and know the answer?

Here is my site Read-Only: [LINK](
(how to share your site Read-Only link)