Now that I have a breather, I'll take the time to show what is the problem with the flex grid.

When I downloaded your example, it works perfectly. When I place a flex grid on the page (using either the default configuration, choosing a template, or building from scratch) I get one of two things. Sometimes I get a page that only Picasso could understand, or I get absolutely nothing.

First note that Internet Explorer does not support CSS layout grid, so it will not work in IE.

Also:
- flex grids do not work with master pages with layers combined.
- you have added breakpoints, but the flex grid layouts in the breakpoints do not have anything in common with the default view. So, therefor nothing will show in breakpoints.

To make your project work:
- remove the layers from the master page, make sure all content is 'flexible' (layer are mainly for absolute positioned content)
- remove the breakpoints or make sure the settings make sense.
- do not use 'center in browser', this makes the page width fixed
- remove fixed content like Title1, Description1, because it affects the view port size in smaller views.

Tip: Do not use too much difference layout method on the same page (layer, layout grid, flex grid, master pages, absolute positioned objects). Not everything can be mixed together.

To make your project work:
- remove the layers from the master page, make sure all content is 'flexible' (layer are mainly for absolute positioned content)
- remove the breakpoints or make sure the settings make sense.
- do not use 'center in browser', this makes the page width fixed
- remove fixed content like Title1, Description1, because it affects the view port size in smaller views.

Tip: Do not use too much difference layout method on the same page (layer, layout grid, flex grid, master pages, absolute positioned objects). Not everything can be mixed together.