fix: css 최소 단위 통일화 #46

Author: novice0840

frontend/src/components/NicknameList/NicknameList.styled.ts

@@ -3,8 +3,8 @@ import { css } from '@emotion/react';
 export const nicknameListLayout = css`
   display: flex;
   justify-content: space-around;
-  width: 24.5rem;
-  height: 15.4rem;
+  width: 24.4rem;
+  height: 15.8rem;
 `;
 
 export const nicknameContainer = css`

frontend/src/components/RoundVoteResult/RoundVoteResult.styled.ts

@@ -10,8 +10,8 @@ export const roundVoteResultLayout = ({ percentage }: RoundVoteResultLayoutProps
   display: flex;
   justify-content: space-around;
   align-items: center;
-  width: 24.5rem;
-  height: 11rem;
+  width: 24rem;
+  height: 11.6rem;
 
   font-size: 1.2rem;
   background: linear-gradient(

frontend/src/components/SelectContainer/SelectContainer.styled.ts

@@ -5,7 +5,7 @@ export const selectContainerLayout = css`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  gap: 5rem;
+  gap: 4rem;
   flex-basis: 55%;
 `;
 

frontend/src/components/SelectOption/SelectOption.styled.ts

@@ -6,7 +6,7 @@ export const SelectOptionLayout = (selected: boolean) => css`
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 11.4rem;
+  width: 11.6rem;
   height: 16.8rem;
   padding: 1.6rem;
 

frontend/src/components/TopicContainer/TopicContainer.styled.ts

@@ -11,7 +11,7 @@ export const topicContainerLayout = css`
 
 export const categoryText = css`
   font-weight: bold;
-  font-size: 1.4rem;
+  font-size: 1.2rem;
 `;
 
 export const topicText = css`

frontend/src/components/layout/Header/Header.styled.ts

@@ -4,7 +4,7 @@ export const headerLayout = css`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  height: 7rem;
+  height: 8rem;
 `;
 
 export const gameTitle = css`

frontend/src/pages/NicknamePage/NicknamePage.styled.ts

@@ -23,7 +23,7 @@ export const nicknameInputWrapper = css`
   display: flex;
   align-items: center;
   width: 26.8rem;
-  height: 4.9rem;
+  height: 4.8rem;
   padding: 0 1rem;
 
   background-color: ${Theme.color.gray200};

frontend/src/pages/RoundResultPage/RoundResultPage.styled.ts

@@ -2,5 +2,5 @@ import { css } from '@emotion/react';
 
 export const NicknameListWrapper = css`
   margin-top: 1.6rem;
-  margin-bottom: 0.7rem;
+  margin-bottom: 0.8rem;
 `;