From e384aef534afb4acefee2d1f4d10e4425b2016f1 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Sun, 19 Sep 2021 18:52:48 +0100
Subject: [PATCH] Update footer styles

---
 src/components/Footer/index.tsx | 15 ++++++++++-----
 src/components/Footer/styles.ts | 12 ++++++++----
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 70d4c65..b294695 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -7,16 +7,21 @@ import LI from '../../assets/linkedin.svg';
 const Footer: React.FC = () => {
 	return (
 		<Wrapper>
-			<p>Hazem Krimi &copy; {new Date().getFullYear()}</p>
+			<p>
+				<a href='https://hazemkrimi.tech' target='_blank' rel='noopener noreferrer'>
+					Hazem Krimi
+				</a>{' '}
+				&copy; {new Date().getFullYear()}
+			</p>
 			<div className='contact'>
-				<a href='https://www.linkedin.com/in/hazemkrimi/' target='_blank' rel='noopener noreferrer'>
-					<img src={LI} alt='LinkedIn' />
+				<a href='https://github.com/hazemKrimi' target='_blank' rel='noopener noreferrer'>
+					<img src={GH} alt='Github' />
 				</a>
 				<a href='https://twitter.com/HazemKrimi' target='_blank' rel='noopener noreferrer'>
 					<img src={TW} alt='Twitter' />
 				</a>
-				<a href='https://github.com/hazemKrimi' target='_blank' rel='noopener noreferrer'>
-					<img src={GH} alt='Github' />
+				<a href='https://www.linkedin.com/in/hazemkrimi/' target='_blank' rel='noopener noreferrer'>
+					<img src={LI} alt='LinkedIn' />
 				</a>
 			</div>
 		</Wrapper>
diff --git a/src/components/Footer/styles.ts b/src/components/Footer/styles.ts
index bda1ae7..70c94ec 100644
--- a/src/components/Footer/styles.ts
+++ b/src/components/Footer/styles.ts
@@ -6,20 +6,24 @@ export const Wrapper = styled.div`
 	align-items: center;
 	padding: 0.5rem 0rem;
 
+	a {
+		text-decoration: none;
+	}
+
 	p {
 		justify-self: flex-start;
 	}
 
 	.contact {
 		display: grid;
-		grid-template-columns: repeat(3, 24px);
-		column-gap: 0.25rem;
+		grid-template-columns: repeat(3, 16px);
+		column-gap: 0.5rem;
 		align-items: center;
 		justify-content: flex-end;
 
 		img {
-			width: 24px;
-			height: 24px;
+			width: 16px;
+			height: 16px;
 		}
 	}
 `;