From 07f9ecb32f64736f81cfc2513c7fa272fca975ae Mon Sep 17 00:00:00 2001
From: Martin Bavio <mbavio@gmail.com>
Date: Tue, 27 Oct 2020 01:09:55 -0300
Subject: [PATCH] Make profile left column size consistent

---
 pages/profile.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/pages/profile.tsx b/pages/profile.tsx
index 4dcb39bd7..78e2fb05a 100644
--- a/pages/profile.tsx
+++ b/pages/profile.tsx
@@ -3,21 +3,23 @@ import { Container, Text } from '@components/ui'
 import useCustomer from '@bigcommerce/storefront-data-hooks/dist/use-customer'
 export default function Profile() {
   const { data } = useCustomer()
-  console.log(data)
+
   return (
     <Container>
       <Text variant="pageHeading">My Profile</Text>
       {data && (
-        <div className="max-w-2xl flex flex-col space-y-5">
-          <div>
-            <Text variant="sectionHeading">Full Name</Text>
-            <span>
-              {data.firstName} {data.lastName}
-            </span>
-          </div>
-          <div>
-            <Text variant="sectionHeading">Email</Text>
-            <span>{data.email}</span>
+        <div className="grid lg:grid-cols-12">
+          <div className="lg:col-span-8 pr-4">
+            <div>
+              <Text variant="sectionHeading">Full Name</Text>
+              <span>
+                {data.firstName} {data.lastName}
+              </span>
+            </div>
+            <div className="mt-5">
+              <Text variant="sectionHeading">Email</Text>
+              <span>{data.email}</span>
+            </div>
           </div>
         </div>
       )}