replaced link with a href

codingmster1 · codingmster1 · commit 02226d6feecd · 2023-09-12T01:04:58.000-04:00
diff --git a/src/App.css b/src/App.css
@@ -310,6 +310,11 @@ html {
     .title {
       font-size: 32px;
     }
+    .anime-img--wrapper{
+      max-width: 300px;
+
+    }
+   
   
     .search__form {
       justify-content: center;
@@ -326,15 +331,16 @@ html {
     .nav__link {
       display: none;
     }
+    .nav__link:nth-child(2) {
+      display: block;
+    }
     .nav__logo 
     {
       width: 120px;
       height: 20px;
     }
   
-    .nav__link:nth-child(1) {
-      display: block;
-    }
+   
   
     .header__container {
       padding: 20px;
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 import "./Footer.css";
 import footerLogo from '../assets/skull.gif';
-import { Link } from 'react-router-dom';
+
 
 
 const  Footer = () => {
@@ -11,38 +11,38 @@ const  Footer = () => {
       <div className="container">
         <div className="row">
           <div className="footer__container">
-            <Link to="/#nav">
+            <a href="/#nav">
               <figure className="footer__logo--wrapper">
                 <img
                   src={footerLogo}
                   className="footer__logo"
                   alt=""
                 />
               </figure>
-            </Link>
+            </a>
             <div className="footer__link--list">
               <div className="footer__link">
-                <Link to ="/#nav" className="footer__link--anchor link__hover">
+                <a href ="/#nav" className="footer__link--anchor link__hover">
                   Home
-                </Link>
+                </a>
               </div>
               <div className="footer__link">
-                <Link to="/#search" className="footer__link--anchor link__hover">
+                <a href="/#search" className="footer__link--anchor link__hover">
                   Search
-                </Link>
+                </a>
               </div>
               <div className="footer__link">
                 
-                  <Link to="/#trending"
+                  <a href="/#trending"
                   className="footer__link--anchor link__hover"
                 >
                   Trending
-                </Link>
+                </a>
               </div>
               <div className="footer__link">
-                <Link to ="#popular" className="footer__link--anchor link__hover">
+                <a href ="#popular" className="footer__link--anchor link__hover">
                   Popular
-                </Link>
+                </a>
               </div>
             </div>
             <div className="footer__copyright">
