css 不适用于不同的浏览器

Question

So, I have this page, please view my codepen https://codepen.io/gianlucaps/pen/GRvVjmZ

so when I run this code on my live site, it looks perfect on safari, but when I run it on chrome, or Firefox, it looks absolutely terrible. the css is all over the place, certain things dont even fit on the page, I have no idea why. what am I missing?

Answer 1

Hope it's work for you.

You need to remove height from here

.wrap { /*height: 100%;*/ display: flex;}

NOTE: please set your code according to HTML format.