Shopstory
  • Overview
  • Getting started
    • Installation
    • Connecting CMS
      • Contentful
      • Sanity
    • Displaying content
    • Content modeling with Shopstory
  • Devices and breakpoints
  • Design tokens
    • Colors
    • Spacings
    • Fonts
    • Page containers
      • Margins
      • Max width
    • Aspect ratios
    • Missing tokens
  • Custom code
    • Components
    • Buttons
    • Actions
    • Links
  • Resources
  • Image
  • Analytics
  • Schema reference
  • CMS Guides
    • Contentful
    • Sanity
Powered by GitBook
On this page
  1. Design tokens
  2. Page containers

Max width

Setting page container max width tokens is done via containerWidths field in config object:

export const shopstoryConfig = {
  //...
  containerWidths: [
    {
      id: "small",
      value: 800,
    },
    {
      id: "large",
      value: 1200,
    },
  ],
}

By default max width has value none which means that no max width is applied.

PreviousMarginsNextAspect ratios

Last updated 2 years ago