diff --git a/src/api/categoryAPI.js b/src/api/categoryAPI.js index d97cc51..3f948a9 100644 --- a/src/api/categoryAPI.js +++ b/src/api/categoryAPI.js @@ -50,7 +50,7 @@ const mockCategoriesList = { }, { id: 9, - category: '스포츠-모빌리티', + category: '스포츠', img: 'https://img-cf.kurly.com/shop/data/goods/1567143195421z0.jpg', link: 'sport', }, diff --git a/src/components/CategoryPage/Category/Category.jsx b/src/components/CategoryPage/Category/Category.jsx index 93b9ee7..cdde8b9 100644 --- a/src/components/CategoryPage/Category/Category.jsx +++ b/src/components/CategoryPage/Category/Category.jsx @@ -16,7 +16,7 @@ function Category({ data, active }) { src={data.img} alt="카테고리 사진" /> -
{data.category}
+ {data.category} ); diff --git a/src/components/CategoryPage/Category/Category.module.scss b/src/components/CategoryPage/Category/Category.module.scss index b0d4ac0..d25e1f8 100644 --- a/src/components/CategoryPage/Category/Category.module.scss +++ b/src/components/CategoryPage/Category/Category.module.scss @@ -1,7 +1,8 @@ @import 'styles/_palette.scss'; .category { - text-align: center; + display: flex; + flex-direction: column; height: 65px; width: 65px; padding: 10px; @@ -19,6 +20,7 @@ } .text { + text-align: center; margin-top: 8px; line-height: 18px; white-space: nowrap;