Merge pull request #24 from IvonneBenitesRodriguez/a

A-solving a Deployment Issue
IvonneBenitesRodriguez · Jun 23, 2024 · c11677a · c11677a
2 parents cf6cf20 + ebf3c5b
commit c11677a
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 14 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     ]
   },
   "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.3"

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -13,16 +13,15 @@ function Navbar() {
   console.log("isScreenSmall:", isScreenSmall);
 
   const handleClick = () => {
-  const media = windows.match();
     setClicked(!clicked);
   };
 
   return (
     <>
       <NavContainer>
-        <img src={logo} alt="Logo" style={{ width: "90px" }} />===
-        <div className={`links ${isScreenSmall  && clicked ? "active" : ""}`}>
+        <img src={logo} alt="Logo" style={{ width: "90px" }} />
 
+        <div className={`links ${isScreenSmall && clicked ? "active" : ""}`}>
           <Link to="/" onClick={handleClick}>
             Home
           </Link>
@@ -129,10 +128,10 @@ const BgDiv = styled.div`
     left: 0;
     width: 68%;
     height: 112vh;
-    z-index:5;
+    z-index: 5;
   }
-@media (min-width: 768px){
-  display:none;
-}
+
+  @media (min-width: 768px) {
+    display: none;
   }
 `;