improve detail formatting

src/pages/ProjectDetail.vue

@@ -4,24 +4,24 @@
       <!--
       {{project}}
       -->
-      <div class="row q-gutter-lg justify-center">
+      <div class="row justify-center">
         <!-- content -->
-        <div class="col-xs-12 col-md-6 col-lg-6">
+        <div class="col-xs-12 col-md-7 offset-md-1 col-lg-6">
           <ProjectPhotosCard :project="project" :photos="filterPhotos" />
           <q-space />
           <ProjectTextCard :project="project" />
           <q-space />
           <ProjectCommentsCard :comments="project_comments" />
         </div>
-        <div class="col-xs-12 col-md-4 col-lg-2">
+        <div class="col-xs-12 col-md-3 col-lg-2">
           <ProjectDescriptionCard :project="project" />
         </div>
       </div>
       <div class="row q-gutter-lg justify-center">
-        <div class="col-xs-12 col-md-6">
+        <div class="col-xs-12 col-md-7 offset-md-1">
           <RelatedProjectsGallery :projects="related_projects" />
         </div>
-        <div class="col-xs-12 col-md-4 col-lg-2" />
+        <div class="col-xs-12 col-md-3 col-lg-2" />
       </div>
     </div>
     <div v-else>