From f04488a4067d3baa82036ab7140a5a4a319d5379 Mon Sep 17 00:00:00 2001
From: Mahdi Noori <mahdinoori2389@gmail.com>
Date: Thu, 15 Feb 2024 15:51:28 +0430
Subject: [PATCH] Fix navbar design issue.

---
 src/components/layout.js         |  7 +++----
 src/components/layout.module.css | 11 -----------
 2 files changed, 3 insertions(+), 15 deletions(-)
 delete mode 100644 src/components/layout.module.css

diff --git a/src/components/layout.js b/src/components/layout.js
index ed82517..a81b2ca 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -1,14 +1,13 @@
 import { Outlet } from 'react-router-dom';
 import Navbar from './navbar/Navbar';
-import layout from './layout.module.css';
 
 function Layout() {
   return (
-    <div className={layout.container}>
-      <div className={layout.navbar}>
+    <div className="md:flex">
+      <div className="md:w-[20%] text-md">
         <Navbar />
       </div>
-      <div className={layout.outlet}>
+      <div className="md:w-[85%]">
         <Outlet />
       </div>
     </div>
diff --git a/src/components/layout.module.css b/src/components/layout.module.css
deleted file mode 100644
index 5dcbad5..0000000
--- a/src/components/layout.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.container {
-  display: flex;
-}
-
-.navbar {
-  width: 15%;
-}
-
-.outlet {
-  width: 85%;
-}