From e67c8d2f8eecebce7f2f84c9332ce9aa55216891 Mon Sep 17 00:00:00 2001
From: Sickenberg Romain <r.sickenberg@gmail.com>
Date: Wed, 29 Nov 2023 00:47:53 +0100
Subject: [PATCH] fix(contact): fixed a glitch when used a computed tailwind
 class

---
 CHANGELOG.md                 | 4 +++-
 src/components/Contact.astro | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3c958f0..16d5a34 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
+### Fixed
+- Fixed a tailwind issue when used computed style class
 
 ## [0.1.1] - 2023-11-29
 ### Added
@@ -83,7 +85,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 - Few issues on dark mode and event listner
 
-[unreleased]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.1.1...HEAD
+[Unreleased]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.1.1...HEAD
 [0.1.1]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.1.0...v0.1.1
 [0.1.0]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.0.8...v0.1.0
 [0.0.8]: https://github.com/RSickenberg/rsickenberg.me-next/compare/v0.0.7...v0.0.8
diff --git a/src/components/Contact.astro b/src/components/Contact.astro
index a41cc27..b64af0e 100644
--- a/src/components/Contact.astro
+++ b/src/components/Contact.astro
@@ -51,7 +51,7 @@ const contactMediums: IContactMedium[] = [
                         class="underline decoration-2 decoration-gray-500 dark:decoration-gray-200">for you</a>.
                 </p>
 
-                <div class=`grid grid-cols-2 md:grid-cols-${contactMediums.length} gap-3 md:gap-4`>
+                <div class=`grid grid-cols-2 md:grid-cols-5 gap-3 md:gap-4`>
                     {contactMediums.map((medium => {
                         return <a href={medium.href} class={medium.class ?? baseContactClass}>
                             <Icon name={medium.iconName} size={medium.iconSize ?? baseIconSize}