full-width support for mobile

app/ui/Main.tsx

@@ -9,7 +9,7 @@ export interface MainProps {
 export const Main:FC<MainProps> = ({ children }) =>
 <main className="flex min-h-screen flex-col bg-base-300">
     <PageHeader />
-    <div className="mx-auto px-4">
+    <div className="sm:mx-auto px-4">
         {children}
     </div>
     <PageFooter />