Skip to content

Commit ee41ad5

Browse files
marjisounddeedeeh
andcommitted
centre the gallery inline ad on leftCol and above
Co-authored-by: Dina Hafez <[email protected]>
1 parent d737157 commit ee41ad5

File tree

1 file changed

+9
-3
lines changed

1 file changed

+9
-3
lines changed

dotcom-rendering/src/layouts/GalleryLayout.tsx

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -81,13 +81,19 @@ const galleryItemAdvertStyles = css`
8181
`;
8282

8383
const galleryInlineAdContainerStyles = css`
84-
${grid.column.centre}
85-
width: 100%;
86-
margin: 0 auto;
84+
${grid.column.all}
85+
86+
${from.tablet} {
87+
${grid.column.centre}
88+
}
8789
8890
${from.desktop} {
8991
padding-bottom: ${space[10]}px;
9092
}
93+
94+
${from.leftCol} {
95+
${grid.between('centre-column-start', 'right-column-end')}
96+
}
9197
`;
9298

9399
const galleryBorder = css`

0 commit comments

Comments
 (0)