Changed size

src/builtin-components/Page/Page.sass

@@ -0,0 +1,15 @@
+.page
+  margin: 2rem
+  height: auto
+
+.column
+  @extend .page
+  display: flex
+  flex-direction: column
+  text-align: center
+  justify-content: center
+  align-items: center
+
+.row
+  @extend .column
+  flex-direction: row

src/builtin-components/Page/Page.tsx

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