FlexGrid overlapping content


I followed the example of a flexgrid implementation and now attempting to extend it. However I’m having problems where the flexgrid overlaps everything else.

<h1> my text that shouldnt be overlapped but is </h1>
    {{#famousContext id="mainCtx"}}

I blame my lack of knowledge on the fundamentals. Any pointers would be of great help!