Order grid for menu and order columns grid appear broken when few items present

[LinnJS]

When opening the starter files for Master Gatsby and navigating to the Order Ahead link at the /order URL if you add one item to the cart you might noticed a stretched image in the middle of the column.

You can fix this by adding a max-height: 100px (can make larger if you want items to be bigger at first) in the MenuItemStyles.

To fix the items being in the middle of the column you can add align-content: flex-start to the &.order, &.menu class in OrderStyles.js.

Before:

After:

[LinnJS]

Opened a PR for this issue:
#73