[docs] Fix outdated responsive styles docs in MediaQuery

milhamm · Mar 8, 2023 · 8b1350a · 8b1350a
1 parent 7f4427b
commit 8b1350a
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/docs/src/docs/core/MediaQuery.mdx b/docs/src/docs/core/MediaQuery.mdx
@@ -48,20 +48,22 @@ To change these values wrap your application with MantineProvider and set `break
 ```tsx
 import { MantineProvider } from '@mantine/core';
 
-function YourApp() {
+function Demo() {
   return (
     <MantineProvider
+      withGlobalStyles
+      withNormalizeCSS
       theme={{
         breakpoints: {
-          xs: 500,
-          sm: 800,
-          md: 1000,
-          lg: 1275,
-          xl: 1800,
+          xs: '30em',
+          sm: '48em',
+          md: '64em',
+          lg: '74em',
+          xl: '90em',
         },
       }}
     >
-      Hello World
+      <App />
     </MantineProvider>
   );
 }