Fix: UI bug

choar816 · Jul 9, 2023 · bd1f819 · bd1f819
1 parent 170485f
commit bd1f819
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/pages/pageContents/Main/components/ProductList/components/ProductItem/style.js b/src/pages/pageContents/Main/components/ProductList/components/ProductItem/style.js
@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 export const Container = styled.article`
   justify-self: center;
@@ -33,11 +33,18 @@ export const Desc = styled.p`
   margin-top: 16px;
   font-size: 16px;
   line-height: 22px;
+  width: 300px;
   color: #767676;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
   @media screen and (max-width: 768px) {
     margin-top: 12px;
     font-size: 12px;
     line-height: 18px;
+    width: 200px;
   }
 `;