From 38947d376e1997f6fda06702f1981b47c91f19b1 Mon Sep 17 00:00:00 2001
From: afnzmn <afnzmn@gmail.com>
Date: Mon, 18 Jul 2022 20:55:12 -0400
Subject: [PATCH 1/2] social button hover

---
 src/lib/components/atoms/SocialButton.svelte | 4 ++++
 src/routes/index.svelte                      | 1 -
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte
index 20cfeb7..846a4f1 100644
--- a/src/lib/components/atoms/SocialButton.svelte
+++ b/src/lib/components/atoms/SocialButton.svelte
@@ -37,4 +37,8 @@
 	button:hover {
 		transform: translate(-5%, -5%);
 	}
+
+	button:hover img {
+		filter: brightness(1.2);
+	}
 </style>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 881ad7f..3d6e75f 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -2,7 +2,6 @@
 	import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
 	import Wave from '$lib/components/atoms/Wave.svelte';
 	import HeroImage from '$lib/components/atoms/HeroImage.svelte';
-	import SocialHost from '$lib/components/molecules/SocialHost.svelte';
 </script>
 
 <div class="wrapper">

From 01fb86acdbdb030a70f32696b881941707a317f2 Mon Sep 17 00:00:00 2001
From: afnzmn <afnzmn@gmail.com>
Date: Mon, 18 Jul 2022 21:20:33 -0400
Subject: [PATCH 2/2] grid

---
 src/lib/components/atoms/ContributorButton.svelte   | 12 +++++-------
 src/lib/components/molecules/ContributorHost.svelte | 12 +++---------
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/atoms/ContributorButton.svelte b/src/lib/components/atoms/ContributorButton.svelte
index 0a5ef6c..9e68425 100644
--- a/src/lib/components/atoms/ContributorButton.svelte
+++ b/src/lib/components/atoms/ContributorButton.svelte
@@ -4,13 +4,11 @@
 	export let alt = "Contributors Image"
 </script>
 
-<div>
-	<a {href}>
-		<button>
-			<img {src} {alt}><slot/>
-		</button>
-	</a>
-</div>
+<a {href}>
+	<button>
+		<img {src} {alt}><slot/>
+	</button>
+</a>
 
 <style>
 	a {
diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte
index 9785462..3a2b5f0 100644
--- a/src/lib/components/molecules/ContributorHost.svelte
+++ b/src/lib/components/molecules/ContributorHost.svelte
@@ -32,19 +32,13 @@
 </div>
 
 <style>
-	div {
-		display: grid;
-		grid-column: 9;
-		gap: 100px;
-		grid-column-start: 1;
-		grid-column-end: 9;
-	}
+
     .social-host {
         width: 100;
-        justify-content: space-between;
 		align-items: center;
-        display: flex;
         margin-left: 5rem;
         margin-right: 5rem;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
     }
 </style>
\ No newline at end of file