I haven’t looked at the link – no point, on mobile – but based on description alone, what if you used a wrapper div inside of article and do your positioning/scroll stuff on that instead?
To attract helpful responses, try mocking up the issue in a reduced CodePen demo – code is easier for us to troubleshoot there (we’re not restricted to the developer toolbar), and doesn’t come with the weight of all the extra code and distractions of a full website. Note that we only need the minimal amount of JS, CSS and HTML to illustrate the problem. We don’t need your whole codebase.
I changed the section to an article element. Not much difference. I researched the difference in the two.
I wrapped the elements of the article in a div and it did allow for the scroll of the main section. But using a grid, I would think the grid would stay in tact using position. I will post my changes in the pen used above.
Like Paulie_D said, a much reduced demo would be easier for us to work with and offer suggestions for. If you edit your CodePen above, please pare it back so that only the basic structural HTML elements exist, along with very minimal CSS for just that structure, and the immediate layout problem. Also remove any non-critical styling such as fonts, font colours, images, etc.
I believe I have what I’m looking for in regards to the center row.
My only desire is to have the entire grid fit in the viewport. Mainly the height. The width works. the grid stretches to the full width of the viewport. How do I get the height to do the same and be responsive?