Columns display differently in different browsers and monitor resolutions

I have a section that is a grid of 3 columns.

Different browsers and even different computer displays show this grid differently. What am I missing?

https://preview.webflow.com/preview/sm-music?utm_medium=preview_link&utm_source=designer&utm_content=sm-music&preview=aac9cbd291a2f0b23977e7bcc6e6adfb&mode=preview

Just to clarify, the margins in between the columns do not email the same and even appears to wrap from time to time.

It would be helpful if you listed the browsers and provided a screenshot to go along with them.

The web standards are wriitten, people interpret them, coders code to them, and browsers show the result. Which is not the same usually, Unless you are on the same rendering engine, on the same platform.

It is happening between Chrome and Safari. Safari is where the issue occurs - unfortunately I do not have access to a screenshot at this moment.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.