message: (docs): updated Custom Breakpoints sample to remind users to always provide a value for the 2xl breakpoint
diff: @@ -193,6 +193,7 @@ const breakpoints = createBreakpoints({
  md: "768px",
  lg: "960px",
  xl: "1200px",
  + "2xl": "1536px",
  })
  // 3. Extend the theme
  @@ -204,6 +205,10 @@ function Example() {
  }
  ```
  +> Note: If you're using **pixels** as breakpoint values make sure to **always**
  +> provide a value for the `2xl` breakpoint, which by its default pixels value is
  +> **"1536px"**.
  +
  ## Demo
  Here's a simple example of a marketing page component that uses a stacked layout
  