diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a36cde0..748524e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -28,7 +28,7 @@ export default function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
-        {children}
+        <div className="container mx-auto px-12">{children}</div>
       </body>
     </html>
   );
diff --git a/src/app/snippets/new/page.tsx b/src/app/snippets/new/page.tsx
index 91ddd01..0a244be 100644
--- a/src/app/snippets/new/page.tsx
+++ b/src/app/snippets/new/page.tsx
@@ -1,3 +1,28 @@
 export default function SnippetCreatePage() {
-  return <div>Create a Snippet!</div>;
+  return (
+    <form>
+      <h3 className="font-bold m-3">Create a Snippet</h3>
+      <div className="flex flex-col gap-4">
+        <div className="flex gap-4">
+          <label className="w-12" htmlFor="title">
+            Title
+          </label>
+          <input
+            name="title"
+            className="border rounded p-2 w-full"
+            id="title"
+          />
+        </div>
+        <div className="flex gap-4">
+          <label className="w-12" htmlFor="title">
+            Code
+          </label>
+          <input name="code" className="border rounded p-2 w-full" id="code" />
+        </div>
+        <button type="submit" className="rounded p-2 bg-blue-200">
+          Create
+        </button>
+      </div>
+    </form>
+  );
 }
