fix: 그리드 깨짐 현상 해결

Kernel360 · Apr 12, 2024 · 6fa2941 · 6fa2941
1 parent 2bd81db
commit 6fa2941
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/home/fix-product-list/FixProductList.module.scss b/src/components/home/fix-product-list/FixProductList.module.scss
@@ -1,5 +1,5 @@
 .productArticleContainer {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(100px, 1fr));
   gap: 12px;
 }
diff --git a/src/components/shared/fix-product-article/FixProductArticle.tsx b/src/components/shared/fix-product-article/FixProductArticle.tsx
@@ -89,10 +89,10 @@ function FixProductArticle({
           </div>
         </div>
         <div className={cx('infoBox')}>
-          <Text className={cx('ellipsis')} typography="t8" color="primary500">
+          <Text className={cx('ellipsis')} typography="t7" color="primary500">
             {itemData.companyName}
           </Text>
-          <Text className={cx('ellipsis')} typography="t7" color="gray900" bold>
+          <Text className={cx('ellipsis')} typography="t6" color="gray900" bold>
             {itemData.productName}
           </Text>
           {/* <div>