Rearrange css styles

Author: domlander

dotcom-rendering/src/components/MoreGalleries.tsx

@@ -22,24 +22,6 @@ type Props = {
 	format: ArticleFormat;
 };
 
-const standardCardStyles = css`
-	position: relative;
-	padding: ${space[2]}px;
-	background-color: ${palette('--onward-more-galleries-card-background')};
-
-	${from.tablet} {
-		:not(:first-child)::before {
-			content: '';
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			left: -10px; /* shift into the gap */
-			width: 1px;
-			background: ${palette('--onward-content-border')};
-		}
-	}
-`;
-
 const standardCardsListStyles = css`
 	width: 100%;
 	display: grid;
@@ -77,6 +59,24 @@ const cardsContainerStyles = css`
 	}
 `;
 
+const standardCardStyles = css`
+	position: relative;
+	padding: ${space[2]}px;
+	background-color: ${palette('--onward-more-galleries-card-background')};
+
+	${from.tablet} {
+		:not(:first-child)::before {
+			content: '';
+			position: absolute;
+			top: 0;
+			bottom: 0;
+			left: -10px; /* shift into the gap */
+			width: 1px;
+			background: ${palette('--onward-content-border')};
+		}
+	}
+`;
+
 const headerStyles = css`
 	color: ${palette('--carousel-text')};
 	${headlineBold24};