feat: Add responsive padding and center cover image

Author: 01-binary

packages/notion-to-jsx/src/components/Cover/styles.css.ts

@@ -8,4 +8,5 @@ export const cover = style({
   objectFit: 'cover',
   objectPosition: 'center 50%',
   borderRadius: '1.5rem',
+  margin: '0 auto',
 });

packages/notion-to-jsx/src/components/Renderer/styles.css.ts

@@ -5,4 +5,9 @@ export const container = style({
   maxWidth: '720px',
   margin: '0 auto',
   padding: vars.spacing.xl,
+  '@media': {
+    '(max-width: 720px)': {
+      padding: vars.spacing.md,
+    },
+  },
 });