Minor Fix

src/Components/About/AboutContent.css

@@ -10,7 +10,7 @@
 
 .about .left{
   margin: 4rem;
-  padding: 0.5rem;
+  padding: 0.1rem;
   max-width: 45rem;
 }
 
@@ -22,4 +22,12 @@
 .about .right{
   max-width: 700px;
   padding-right: 1rem;
+}
+
+@media screen and (max-width: 950px) {
+
+  .logoPic{
+    width: 350px;
+    height: 350px;
+  }
 }

src/Components/About/AboutContent.js

@@ -31,7 +31,7 @@ const AboutContent = () => {
         </Link>
       </div>
       <div className="right">
-        <img src={Logo} alt="React" />
+        <img className="logoPic" src={Logo} alt="React" />
       </div>
     </div>
   );

src/Components/Footer/Footer.js

@@ -1,10 +1,4 @@
-import {
-  FaGithub,
-  FaLinkedin,
-  FaMailBulk,
-  FaPhone,
-  FaTwitter,
-} from "react-icons/fa";
+import { FaGithub, FaLinkedin, FaMailBulk, FaTwitter } from "react-icons/fa";
 import "./Footer.css";
 
 import React from "react";

src/Components/Navbar/Navbar.css

@@ -64,7 +64,7 @@ z-index: 10;
     left: 0;
   }
 
-  .logo {
+  .logo{
     padding-top: 7px;
     width: 45px;
     height: 45px;