Fix layout

JSerZANP · May 5, 2024 · d6cc285 · d6cc285
1 parent ad05f42
commit d6cc285
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/examples/web/app/page.tsx b/examples/web/app/page.tsx
@@ -11,7 +11,7 @@ export default async function Page({
   searchParams: { [key: string]: string | string[] | undefined };
 }) {
   return (
-    <div className={styles.preview}>
+    <div className={`article ${styles.preview}`}>
       <Head>
         <title>Shaku</title>
       </Head>

diff --git a/examples/web/css/global.css b/examples/web/css/global.css
@@ -74,25 +74,25 @@ button:hover {
 }
 
 @media screen and (max-width: 1700px) {
-  body {
+  .article {
     margin: 0 500px 0 auto;
   }
 }
 
 @media screen and (max-width: 1500px) {
-  body {
+  .article {
     margin: 0 400px 0 auto;
   }
 }
 
 @media screen and (max-width: 1300px) {
-  body {
+  .article {
     margin: 0 300px 0 auto;
   }
 }
 
 @media screen and (max-width: 1000px) {
-  body {
+  .article {
     margin: 0 auto;
   }
 }