commit

src/component/HomePage/NewCollectionReview.vue

@@ -43,7 +43,7 @@
             </div>
         </div>
 
-        <div class="img_block_item">
+        <div class="img_block_item img_block_item_sketch">
             <div class="lager_img_item"  v-for="(skecth) in allBoardData.sketchboardFiles" :key="skecth">
                 <div class="all_img_item_block">
                     <img class="all_img_content" :src="skecth.imgUrl"> 
@@ -144,26 +144,26 @@ export default defineComponent({
         }
 
         .color_content{
-            width: 9rem;
+            width: 10rem;
             height:6.2rem
         }
         .color_content_body{
-            width: 9rem;
+            width: 10rem;
             padding: 0.7rem 0.2rem;
             background: #FEFEFE;
             border: 1px solid #E6E6E6;
 
             .color_des{
-                font-size: 1rem;
-                font-family: Roboto;
-                font-weight: 500;
-                color: #000000;
-                margin-bottom: 0.5rem;
-                line-height: 1;
-                width: 100%;
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
+				font-size: 1rem;
+				font-family: Roboto;
+				font-weight: 500;
+				color: #000;
+				margin-bottom: .5rem;
+				line-height: 1.3rem;
+				width: 100%;
+				overflow: hidden;
+				white-space: nowrap;
+				text-overflow: ellipsis;
 
                 &:last-child{
                     margin-bottom: 0;
@@ -188,6 +188,15 @@ export default defineComponent({
                 }
             }
         }
+		&.img_block_item_sketch{
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+			>div{
+				width: 45%;	
+				height: 25rem;
+			}
+		}
     }
 
 }