Display issues with Flexbox design in Safari

Design help General
1

I built this site using the new Flexbox functionality but may not have figured out all the kinks yet. For one, I realize I need height and width set but I’m not sure on which items and what settings will get the results I need. In all honesty, I’m not sure I even built this correctly and Flexbox has only been causing me headaches especially in the context of responsiveness and dynamic data (why don’t they reflow like columns?).

Basically, I’m seeing the site display well in Chrome:

But when opening in Safari, I see:

3104×1970 1.6 MB

Any clue what I’m doing wrong or feedback on how I built the architecture? I think I’m going back to containers, columns, and floats for the next site until I iron out how to properly use flexbox.

Here is my public share link: LINK
(how to access public share link)

2

the images are the same… :pensive:

4

Fixed the image. Was having trouble with the uploader.

5

Figured it out. Set the height on parent elements to 100 vh. Problem Solved.

6

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