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%;
-}