fix: resolve styles conflict in about-logo-list

Author: alexdln

app/components/About/LogoList.vue

@@ -21,7 +21,7 @@ const props = defineProps<{
 </script>
 
 <template>
-  <ul class="flex items-center flex-wrap gap-4 md:gap-x-6 md:gap-y-4 list-none">
+  <ul class="flex flex-wrap gap-4 md:gap-x-6 md:gap-y-4 list-none">
     <li v-for="item in list" :key="item.name">
       <a
         v-if="'logo' in item"

app/pages/about.vue

@@ -161,14 +161,17 @@ const roleLabels = computed(
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.sponsors.title') }}
           </h2>
-          <AboutLogoList :list="SPONSORS" class="flex-col items-start md:flex-row" />
+          <AboutLogoList
+            :list="SPONSORS"
+            class="flex-col items-start md:flex-row md:items-center"
+          />
         </div>
 
         <div>
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.oss_partners.title') }}
           </h2>
-          <AboutLogoList :list="OSS_PARTNERS" />
+          <AboutLogoList :list="OSS_PARTNERS" class="items-center" />
         </div>
 
         <div>