updated photos and fixed footer spacing for small devices

components/Card.tsx

@@ -1,15 +1,15 @@
 import Image from "next/image";
 import Link from "next/link";
 import { FaEnvelope, FaGithub, FaLinkedin } from "react-icons/fa"
-import logo from '../public/static/memoji.png'
+import logo from '../public/static/profile1.png'
 
 function Card()
 {
     return (
         <div className = "w-full h-screen flex md:flex-row flex-col items-center justify-center">
             <div className = "">
                 <Link href="/">
-                    <Image className="w-48" src={logo} alt="profile photo" width={1000} height={1000} />
+                    <Image className="w-48 rounded-md aspect-[3/4] object-cover mr-8" src={logo} alt="profile photo" width={1000} height={1000} />
                 </Link>
             </div>
             <div className = "md:border-l-2 px-6">

components/Footer.tsx

@@ -5,7 +5,7 @@ import { FaEnvelope, FaGithub, FaLinkedin } from "react-icons/fa"
 function Footer()
 {
     return (
-        <div className = "border-t-3/2 mt-72 mb-10 py-5">
+        <div className = "border-t-3/2 mt-72 mb-10 px-5 text-center">
             <div className = "flex justify-center mt-4">
             <a className = "text-xl m-1 p-1 sm:m-2 sm:p-2 hover:text-[#2570d1] transition-colors duration-300" href = "https://www.github.com/bpyle02">
                 <FaGithub />

components/Header.tsx

@@ -2,7 +2,7 @@
 
 import Image from "next/image";
 import Link from "next/link";
-import logo from '../public/static/memoji.png'
+import logo from '../public/static/profile.png'
 import { useState } from "react";
 import { MenuOutline } from 'react-ionicons'
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blog",
-  "version": "1.11.6",
+  "version": "1.11.7",
   "private": true,
   "scripts": {
     "dev": "next dev",