mor css adjustments

Bassadin · Apr 8, 2024 · 1483dd6 · 1483dd6
1 parent dd78651
commit 1483dd6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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"