All cells in MOPED are organized in rows. (all cells have the same width but different heights). Because of that we get large vertical gaps. It would be much better to organize those cells in columns instead of rows - in a stack-grid.

For instance like this:
https://www.npmjs.com/package/react-stack-grid