diff --git a/src/App.vue b/src/App.vue
index dd46b9b..3cbf617 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -124,7 +124,7 @@ onMounted(() => {
         <div mb-10 flex flex-wrap justify-between>
           <div v-for="(item, index) in data.myProjects" :key="index" mx-10 my-4 class="basis-1/6">
             <a :href="item.link">
-              <div p-2 opacity-10 bg-white rounded-lg shadow-md flex-c backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
+              <div p-2 opacity-10 bg-white rounded-lg shadow-md flex-col backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
                 <div class="text-white" text-bold opacity-75>
                   {{ item.name }}
                 </div>
@@ -140,7 +140,7 @@ onMounted(() => {
         </div>
         <div flex flex-wrap justify-between>
           <div mx-10 my-4 class="basis-1/6">
-            <div p-2 opacity-10 rounded-lg shadow-md flex-c justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
+            <div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
               <a href="https://github.com/sun0225SUN">
                 <div mb-1 text-white f-c-c>
                   <i i-ant-design-github-outlined />
@@ -152,7 +152,7 @@ onMounted(() => {
             </div>
           </div>
           <div mx-10 my-4 class="basis-1/6">
-            <div p-2 opacity-10 rounded-lg shadow-md flex-c justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
+            <div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
               <a href="https://twitter.com/sun0225SUN">
                 <div mb-1 text-white f-c-c>
                   <i i-ant-design-x-outlined />
@@ -164,7 +164,7 @@ onMounted(() => {
             </div>
           </div>
           <div mx-10 my-4 class="basis-1/6">
-            <div p-2 opacity-10 rounded-lg shadow-md flex-c justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
+            <div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
               <a href="https://youtube.com/@sun0225SUN">
                 <div mb-1 text-white f-c-c>
                   <i i-ant-design-youtube-outlined />
@@ -176,7 +176,7 @@ onMounted(() => {
             </div>
           </div>
           <div mx-10 my-4 class="basis-1/6">
-            <div p-2 opacity-10 rounded-lg shadow-md flex-c justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
+            <div p-2 opacity-10 rounded-lg shadow-md flex-col justify-between items-center backdrop-blur-3xl backdrop-opacity-60 hover:opacity-20 hover:skew-y-1 hover:backdrop-opacity-100>
               <a href="https://space.bilibili.com/448488855/">
                 <div mb-1 text-white f-c-c>
                   <i i-ant-design-bilibili-outlined />
diff --git a/uno.config.js b/uno.config.js
index e94f090..180c63a 100644
--- a/uno.config.js
+++ b/uno.config.js
@@ -22,7 +22,7 @@ export default defineConfig({
     ['wh-full', 'w-full h-full'],
     ['f-b-c', 'flex justify-between items-center'],
     ['f-c-c', 'flex justify-center items-center'],
-    ['flex-c', 'flex flex-col'],
+    ['flex-col', 'flex flex-col'],
     ['icon-btn', 'text-5 inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-primary !outline-none'],
   ],
 })