footer changed linkedin logo changed

src/components/Content.jsx

@@ -1,17 +0,0 @@
-/* ----- Project Imports ----- */
-import Details from "@/components/Details.jsx";
-import Technologies from "@/components/Technologies.jsx";
-import Projects from "@/components/Projects.jsx"
-import "@/styles/content.css";
-
-function Content() {
-  return (
-    <main className="contentContainer">
-    <Details />
-    <Technologies />
-    <Projects />
-    </main>
-  );
-};
-
-export default Content;

src/components/Details.jsx

@@ -8,7 +8,6 @@ function Details() {
   return (
     <article className="detailsContainer">
       <section className="detailsSocialLinksContainer">
-
         <a href="https://www.linkedin.com/in/paul-andrew-hughes/" target="_blank" ><img className="detailsSocialLinksImg" src="/linkedin.webp" alt="linkedin" /></a>
       </section>
       <section className="detailsTextContainer">
@@ -20,7 +19,6 @@ function Details() {
         </div>
       </section>
       <section className="detailsSocialLinksContainer">
-
         <a href="https://github.com/II-Paulus-II" target="_blank" ><img className="detailsSocialLinksImg" src="/github.webp" alt="github" /></a>
       </section>
     </article>

src/components/Footer.jsx

@@ -4,8 +4,10 @@ import "@/styles/footer.css"
 
 function Footer() {
   return (
-    <footer className="project-footer">
+    <footer className="projectFooter">
-    <p className="footer-text">© paul hughes</p>
+      <a href="https://www.linkedin.com/in/paul-andrew-hughes/" target="_blank" ><img className="footerSocialLinksImg" src="/linkedin.webp" alt="linkedin" /></a>
+      <p className="footerText">© paul hughes</p>
+      <a href="https://github.com/II-Paulus-II" target="_blank" ><img className="footerSocialLinksImg" src="/github.webp" alt="github" /></a>
     </footer>
   );
 };

src/styles/footer.css

@@ -1,5 +1,9 @@
-.project-footer {
+.projectFooter {
-  display: block;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 3rem;
   position: fixed;
   left: 0;
   bottom: 0;
@@ -8,9 +12,12 @@
   width: 100%;
 }
 
-.footer-text {
+.footerText {
   color: white;
-  font-size: 1rem;
+  font-size: 1.2rem;
-  padding: 1rem 0.5rem;
   text-transform: capitalize;
 }
+
+.footerSocialLinksImg {
+  max-height: 2rem;
+}