diff --git a/src/pages/projects/[id]/index.vue b/src/pages/projects/[id]/index.vue
index b789385..5173961 100644
--- a/src/pages/projects/[id]/index.vue
+++ b/src/pages/projects/[id]/index.vue
@@ -1,15 +1,10 @@
 <template>
   <v-container>
     <v-row
-      ><v-col cols="8" md="8" lg="8" xl="8" sm="8" xs="8">
+      ><v-col xs="12" sm="12" md="8" lg="8" xl="8" xxl="8" cols="12" >
         <ProjectRunner :type="project.type" :id="project.id" />
-        <br /><Comment
-          :url="'project-' + $route.params.id"
-          name="项目"
-        ></Comment>
       </v-col>
-
-      <v-col cols="4">
+      <v-col xs="12" sm="12" md="4" lg="4" xl="4" xxl="8" cols="12"  >
         <v-card hover border
           ><v-card-item>
             <v-card-title>{{ project.title }}</v-card-title>
@@ -30,7 +25,9 @@
             <v-chip pill prepend-icon="mdi-eye"
               >{{ project.view_count }}浏览</v-chip
             >
-            <v-chip pill prepend-icon="mdi-clock"><TimeAgo :date="project.time " /></v-chip>
+            <v-chip pill prepend-icon="mdi-clock"
+              ><TimeAgo :date="project.time"
+            /></v-chip>
           </div>
           <div class="px-4 d-flex ga-2 mb-2">
             <v-chip pill prepend-icon="mdi-xml" v-if="project.state == 'public'"
@@ -65,7 +62,7 @@
           </div>
 
           <div class="px-4">
-            <v-card hover  :to="'/user/' + project.authorid" border>
+            <v-card hover :to="'/user/' + project.authorid" border>
               <v-card-item>
                 <template v-slot:prepend>
                   <v-avatar>
@@ -91,7 +88,9 @@
           <br />
         </v-card>
         <br />
-        <v-card hover border><AddTolist></AddTolist></v-card>
+        <v-card hover border><AddTolist></AddTolist></v-card> </v-col
+      ><v-col xxl="8" xl="8" lg="8" md="8"  sm="12" xs="12" cols="12">
+        <Comment :url="'project-' + $route.params.id" name="项目"></Comment>
       </v-col>
     </v-row>
   </v-container>
@@ -107,7 +106,7 @@ import AddTolist from "../../../components/AddTolist.vue";
 import Comment from "../../../components/Comment.vue";
 import TimeAgo from "@/components/TimeAgo.vue";
 export default {
-  components: { ProjectRunner,TimeAgo, Comment, AddTolist },
+  components: { ProjectRunner, TimeAgo, Comment, AddTolist },
   data() {
     return {
       project: {
diff --git a/src/pages/projects/index.vue b/src/pages/projects/index.vue
index 9c72fb4..2bea5fd 100644
--- a/src/pages/projects/index.vue
+++ b/src/pages/projects/index.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container>
     <v-row
-      ><v-col cols="6">
+      ><v-col cols="6" >
         <v-text-field
           :label="'作品名 包含：' + search.title"
           v-model="search.title"