From c10a4ce95b7c9db62f1933096b96199b5bb1c14f Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Tue, 29 Sep 2020 14:57:21 -0300
Subject: [PATCH] changes

---
 components/Navbar/Navbar.module.css |  2 +-
 components/Navbar/Navbar.tsx        | 28 +++++++++++++---------------
 pages/index.tsx                     |  4 ++--
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/components/Navbar/Navbar.module.css b/components/Navbar/Navbar.module.css
index 2d1ee4b07..ee12e384c 100644
--- a/components/Navbar/Navbar.module.css
+++ b/components/Navbar/Navbar.module.css
@@ -1,3 +1,3 @@
-.container {
+.root {
   @apply flex justify-between items-center flex-row px-6 h-20 relative border-gray-100 border-b;
 }
diff --git a/components/Navbar/Navbar.tsx b/components/Navbar/Navbar.tsx
index 49d49e875..450553887 100644
--- a/components/Navbar/Navbar.tsx
+++ b/components/Navbar/Navbar.tsx
@@ -11,22 +11,20 @@ interface Props {
 const Navbar: FunctionComponent<Props> = ({ className }) => {
   const rootClassName = cn(s.root, className);
   return (
-    <div className={rootClassName}>
-      <Container className={s.container}>
-        <Logo />
-        <div className="flex flex-row h-full content-center flex-1">
-          <Searchbar />
-          <nav className="hidden flex-row items-center px-3 lg:flex">
-            <a className="pr-4">All</a>
-            <a className="pr-4">Clothes</a>
-            <a>Accesories</a>
-          </nav>
-        </div>
-        <nav>
-          <Avatar />
+    <Container className={rootClassName}>
+      <Logo />
+      <div className="flex flex-row h-full content-center flex-1">
+        <Searchbar />
+        <nav className="hidden flex-row items-center px-3 lg:flex">
+          <a className="pr-4">All</a>
+          <a className="pr-4">Clothes</a>
+          <a>Accesories</a>
         </nav>
-      </Container>
-    </div>
+      </div>
+      <nav>
+        <Avatar />
+      </nav>
+    </Container>
   );
 };
 
diff --git a/pages/index.tsx b/pages/index.tsx
index 6629b829b..6ad148a75 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -11,9 +11,9 @@ export default function Home() {
       <Navbar />
       <Container className="px-4 py-5 h-screen">
         <div className="grid grid-cols-1 h-full lg:grid-cols-3 lg:grid-rows-2">
-          <div className="lg:row-span-2 lg:col-span-2 bg-indigo-700 h-full"></div>
+          <div className="lg:row-span-2 lg:col-span-2 bg-violet h-full"></div>
           <div className="lg:row-span-1 lg:col-span-1 bg-black h-full"></div>
-          <div className="lg:row-span-1 lg:col-span-1 bg-red-500"></div>
+          <div className="lg:row-span-1 lg:col-span-1 bg-pink"></div>
         </div>
       </Container>
       <Footer></Footer>