From 1483dd69c8f4c651af6fbacd55989e51dac71e5c Mon Sep 17 00:00:00 2001
From: Bastian Hodapp <bastianhodapp@gmail.com>
Date: Mon, 8 Apr 2024 23:13:13 +0200
Subject: [PATCH] mor css adjustments

---
 components/TechnologyItem.vue                | 2 +-
 components/sections/FavoriteTechnologies.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/TechnologyItem.vue b/components/TechnologyItem.vue
index 185150f..1ef2d42 100644
--- a/components/TechnologyItem.vue
+++ b/components/TechnologyItem.vue
@@ -2,7 +2,7 @@
     <a
         :href="url"
         target="_blank"
-        class="transition-all duration-200 px-3 py-1 flex flex-row items-center rounded-lg flex-auto bg-stone-200 c-black hover:c-black shadow-gray-500 hover:shadow-md"
+        class="transition-all duration-200 px-2 md:px3 py-0.5 md:py-1 flex flex-row items-center rounded-lg flex-auto bg-stone-200 c-black hover:c-black shadow-gray-500 hover:shadow-md"
     >
         <Icon :name="iconName" size="45" />
         <h3 class="ml-2">
diff --git a/components/sections/FavoriteTechnologies.vue b/components/sections/FavoriteTechnologies.vue
index 3914f47..06f7e30 100644
--- a/components/sections/FavoriteTechnologies.vue
+++ b/components/sections/FavoriteTechnologies.vue
@@ -5,7 +5,7 @@
             Here are some of my favorite technologies I like to use and/or work
             with:
         </p>
-        <div class="flex-wrap flex justify-center gap-4">
+        <div class="flex-wrap flex justify-center gap-2 md:gap-4">
             <TechnologyItem
                 v-for="eachTechnologyItemData in technologyItems"
                 :key="eachTechnologyItemData.title"