From 3949f242e26f9da4ef3be45c037853d3253f8b0d Mon Sep 17 00:00:00 2001
From: bendtherules <abhasbhattacharya2@gmail.com>
Date: Mon, 28 Sep 2020 20:26:36 +0530
Subject: [PATCH] feat(app): For App layout, change to centered layout on large
 display

---
 src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 285bbbe..5d44978 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -21,11 +21,11 @@ function App() {
   // }, [inputCode]);
 
   return (
-    <div className="flex flex-col justify-between md:flex-row">
-      <div className="flex-1 max-w-half">
+    <div className="flex flex-col justify-center md:flex-row">
+      <div className="flex-1 max-w-half md:max-w-xl">
         <SourceViewer code={inputCode} onChangeCode={setInputCode} />
       </div>
-      <div className="flex-1 max-w-half">
+      <div className="flex-1 max-w-half md:max-w-xl">
         {/* Separator */}
         {/* <div className="w-2 mx-1 bg-gray-800"></div> */}
         <CompletionViewer