Use grid over flex for more galleries

Author: domlander

dotcom-rendering/src/components/MoreGalleries.tsx

@@ -44,13 +44,12 @@ const standardCardStyles = css`
 
 const standardCardsListStyles = css`
 	width: 100%;
-	display: flex;
-	flex-direction: column;
+	display: grid;
 	gap: 20px;
 	margin-bottom: ${space[6]}px;
 
 	${from.tablet} {
-		flex-direction: row;
+		grid-template-columns: repeat(4, 1fr);
 		padding-top: ${space[2]}px;
 	}