improving css

Author: oliverabrahams

dotcom-rendering/src/components/ProductCarouselCard.tsx

@@ -27,7 +27,7 @@ const headingFont = css`
 const headingArea = css`
 	grid-row: 1;
 `;
-const productCardRowFour = css`
+const belowImageArea = css`
 	grid-row: 4;
 `;
 
@@ -118,7 +118,7 @@ export const ProductCarouselCard = ({
 			<div css={imageArea}>
 				<ProductCardImage format={format} image={product.image} />
 			</div>
-			<div css={productCardRowFour}>
+			<div css={belowImageArea}>
 				{!hasHeading && (
 					<div>
 						<div css={brandNameFont}>{product.brandName}</div>