Skip to content

Commit e96805d

Browse files
Make image smaller on small mobile and line wider
1 parent 9297e7a commit e96805d

1 file changed

Lines changed: 8 additions & 3 deletions

File tree

dotcom-rendering/src/components/NewsletterSignupCard.tsx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ const badgeStyles = css`
9191
const innerDividerStyles = css`
9292
border: none;
9393
border-top: 1px solid ${themePalette('--newsletter-card-divider')};
94-
margin: 0 0 ${space[2]}px;
94+
margin: 0 -${space[3]}px ${space[2]}px;
9595
`;
9696

9797
const descriptionStyles = css`
@@ -103,11 +103,16 @@ const descriptionStyles = css`
103103

104104
const illustrationStyles = css`
105105
flex-shrink: 0;
106-
width: 90px;
107-
height: 90px;
106+
width: 70px;
107+
height: 70px;
108108
border-radius: 50%;
109109
object-fit: cover;
110110
111+
${from.mobileMedium} {
112+
width: 90px;
113+
height: 90px;
114+
}
115+
111116
${from.tablet} {
112117
width: 100px;
113118
height: 100px;

0 commit comments

Comments
 (0)