Changed to alignment mode

src/builtin-components/Page/Page.sass

@@ -1,12 +1,15 @@
 .page
   margin: 2rem
-  // width: 100vw
+  height: auto
 
-.page-column
+.column
+  @extend .page
   display: flex
   flex-direction: column
-  flex-wrap: wrap
+  text-align: center
   justify-content: center
   align-items: center
-  align-content: center
+
-  margin: 2rem
+.row
+  @extend .column
+  flex-direction: row

src/builtin-components/Page/Page.tsx

@@ -1,18 +1,18 @@
 import './Page.sass'
-import { Show } from 'solid-js'
+import { Show, Switch, Match } from 'solid-js'
 
 interface Props {
   children?: any
-  column?: boolean
+  alignment?: 'row' | 'column'
 }
 
 export default (props: Props) => {
   return (
     <>
-      <Show when={props.column}>
+      <Show when={props.alignment}>
-        <main class="page-column">{props.children}</main>
+        <main class={props.alignment}>{props.children}</main>
       </Show>
-      <Show when={!props.column}>
+      <Show when={!props.alignment}>
         <main class="page">{props.children}</main>
       </Show>
     </>