View: CombinationGrid 레이아웃 개선 2

src/components/CombinationGrid/CombinationGrid.css

@@ -41,14 +41,11 @@
   
   .card-title {
     color: var(--primary-color);
+    font-size: 1.1rem;
     font-weight: 600;
     margin-bottom: 0.75rem;
   }
   
-  .card-title h2 {
-    font-size: 1.1rem;
-  }
-  
   .card-description {
     color: var(--text-secondary);
     font-size: 0.95rem;

src/components/CombinationGrid/CombinationGrid.jsx

@@ -11,14 +11,14 @@ const CombinationGrid = ({ combination }) => {
       {combination.map((combo, index) => (
         <div key={index} className="combination-card">
             <img src={combo.image_url} alt={combo.title} className="card-image" />
-          <div className="card-title">
+          <h2 className="card-title">
             <div className="part-type">
               {combo.partType}
             </div>
-            <h2>
+            <div>
               {combo.title}
-            </h2>
             </div>
+          </h2>
           <p className="card-description">
             {combo.description}
           </p>

src/pages/SearchCombinationPage/components/CombinationBox.jsx

@@ -16,7 +16,11 @@ const CombinationBox = ({ title, combination }) => {
               image: partData.image_url,
               title: partData.name,
               partType: partData.type,
-              description: partData.description,
+              description: partData.description
+                .split('/')
+                .map(item => item.trim())
+                .filter(item => item !== '')
+                .join(' / '),
             };
           })
         );