feat: make font-size larger when max-screen-width under 800px

modern-agile-team · Oct 3, 2022 · b1c4755 · b1c4755
1 parent f31ea76
commit b1c4755
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/components/Image/Image.tsx b/src/lib/components/Image/Image.tsx
@@ -103,15 +103,15 @@ const Items = styled.div<ImagePropsType>`
         font-size: ${({ subheadSize }) => subheadSize};
         color: ${({ subheadColor }) => subheadColor};
         @media screen and (max-width: 800px) {
-          font-size: 1.5vw;
+          font-size: 1rem;
         }
       }
       .head {
         font-size: ${({ headSize }) => headSize};
         font-weight: ${({ headWeight }) => headWeight};
         color: ${({ headColor }) => headColor};
         @media screen and (max-width: 800px) {
-          font-size: 1.5vw;
+          font-size: 1.2rem;
         }
       }
       margin-bottom: 10px;