[fix]: about page link issue

src/components/footer.js

@@ -2,7 +2,7 @@ import React from 'react';
 const Footer = () => {
     return (
         <div className="footer">
-            <div><a id="footer-about" href="/about">About GPRG</a></div>
+            <div><a id="footer-about" href="/gh-profile-readme-generator/about">About GPRG</a></div>
             Developed with <span role="img" aria-label="love">❤️</span> by <a href="https://rahuldkjain.github.io" style={{textDecoration: 'none'}}>Rahul</a>
         </div>
     )

src/components/header.js

@@ -41,7 +41,7 @@ const Header = props => {
 
   return (
     <div className="header">
-      <a href="/">
+      <a href="/gh-profile-readme-generator">
         <h1 className="heading">
           <img
             src={logo}

src/pages/about.css

@@ -53,6 +53,6 @@
         font-size: 18px;
     }
     #gprg-gif {
-        width: 350px;
+        width: 320px;
     }
 }

src/pages/about.js

@@ -9,7 +9,7 @@ const About = () => {
         <>
             <SEO title="About" description="Github Profile Readme Generator" />
             <Header heading="Github Profile README Generator" />
-            <h1 id="about-title">About</h1>
+            <h3 id="about-title">About</h3>
             <div className="content-container">
                 <div id="introduction">
                     Github Profile README Generator provides a cool interface to generate Github profile README in markdown.