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] 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