Grid - not loading top two rows in Firefox (fine in Chrome) - but when I resize browser window in Firefox they appear

I am having a persistent problem with my site which I need to send out in the next day.

  • top 2 rows of the grid not appearing in firefox browser
  • but fine in chrome
  • when I change the size of the browser (in firefox) top two rows of the grid do appear
  • it is happening on the main page (folio grid) and also the sub pages (with project details)

Read Only Link:-

Do I need to redo everything as a flexbox instead of grid for it to work, or (really hoping) there is an easy fix. I don’t know how to redo everything as flexbox