🎨 add spacing

Author: scottnath

src/style.css

@@ -59,6 +59,7 @@
   width: 100%;
   background: var(--color-background);
   color: var(--color-primary);
+  padding: var(--spacing);
 }
 
 @media (prefers-color-scheme: dark) {

src/web-component.stories.js

@@ -98,6 +98,17 @@ export const SectionTitles = {
   }
 }
 
+export const Contained = {
+  render: (args) => 
+  html`<div style="margin: 0 auto; width: 100%; max-width: ${args.maxwidth || 52}em;">
+    <json-resume .resumejson="${args.resumejson}" preordered="${args.preordered}"></json-resume></div>
+  `,
+  args: {
+    resumejson: changeSummary('This resume is boxed into a container'),
+    preordered: true,
+  },
+}
+
 export const Slots = {
   render: (args) => 
   html`<json-resume .resumejson="${args.resumejson}" preordered="${args.preordered}">