From c260384edfe969ac801498f1e7d8c7e5bc079924 Mon Sep 17 00:00:00 2001
From: GrannyYetta <you@example.com>
Date: Sat, 12 Oct 2024 22:59:29 +0200
Subject: [PATCH] eliminate top padding of items in about view

---
 src/components/DeveloperCard.jsx |  2 +-
 src/views/About.jsx              | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/DeveloperCard.jsx b/src/components/DeveloperCard.jsx
index 08d6d6d..9285794 100644
--- a/src/components/DeveloperCard.jsx
+++ b/src/components/DeveloperCard.jsx
@@ -4,7 +4,7 @@ export function DeveloperCard({ name, githubLink, linkedinLink }) {
 	return (
 		<div>
 			<ul>
-				<li className="flex flex-row">
+				<li className="flex flex-row align-middle">
 					{name}{' '}
 					<a className="p-2" href={githubLink}>
 						<FaGithub />
diff --git a/src/views/About.jsx b/src/views/About.jsx
index 0cd33d2..c6151b3 100644
--- a/src/views/About.jsx
+++ b/src/views/About.jsx
@@ -3,7 +3,7 @@ import { DeveloperCard } from '../components/DeveloperCard';
 
 export function About() {
 	return (
-		<div className="flex flex-col h-dvh items-center justify-center max-w-3xl w-full px-4 sm:px-6 lg:px-8 ">
+		<div className="flex flex-col h-dvh">
 			<section className="mb-4 text-center">
 				<h1 className="subheading">About this application</h1>
 				<p>
@@ -44,8 +44,8 @@ export function About() {
 				</ol>
 			</section>
 			<section className="m-5 text-center">
-				<h3 className="subheading">This application was developed by:</h3>
-				<section className="grid grid-cols-2 gap-4 mt-2 ">
+				<h3 className="subheading mb-4">This application was developed by:</h3>
+				<section className="flex justify-items-center grid grid-cols-1 sm:grid-cols-2 gap-4 mt-2 max-w-4xl">
 					<DeveloperCard
 						name="Rebeca Taboada"
 						githubLink={'https://github.com/GrannyYetta'}
@@ -73,7 +73,9 @@ export function About() {
 				</p>
 				<p className="m-2 inline-flex items-center justify-center">
 					You can find the repository to this application on GitHub{' '}
-					<FaGithub className="ml-1" />
+					<a href="https://github.com/the-collab-lab/tcl-78-smart-shopping-list">
+						<FaGithub className="ml-1" />
+					</a>
 				</p>
 			</section>
 			<section className="m-5 text-center">