diff --git a/src/Components/About/AboutContent.css b/src/Components/About/AboutContent.css
index 2e635e2..5f7ba91 100644
--- a/src/Components/About/AboutContent.css
+++ b/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;
+  }
 }
\ No newline at end of file
diff --git a/src/Components/About/AboutContent.js b/src/Components/About/AboutContent.js
index b1b75ba..30aec27 100644
--- a/src/Components/About/AboutContent.js
+++ b/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>
   );
diff --git a/src/Components/Footer/Footer.js b/src/Components/Footer/Footer.js
index f1a50fb..b42cae1 100644
--- a/src/Components/Footer/Footer.js
+++ b/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";
diff --git a/src/Components/Navbar/Navbar.css b/src/Components/Navbar/Navbar.css
index 4bf7965..697bf14 100644
--- a/src/Components/Navbar/Navbar.css
+++ b/src/Components/Navbar/Navbar.css
@@ -64,7 +64,7 @@ z-index: 10;
     left: 0;
   }
 
-  .logo {
+  .logo{
     padding-top: 7px;
     width: 45px;
     height: 45px;