[Feat] #5 - improve readability

전체 줄 간격, 사족 스타일 변경
likelion11-kangwon · Apr 15, 2023 · d1af418 · d1af418
1 parent 32c6d34
commit d1af418
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/WarmUpProject/src/JeongDayeon.js b/WarmUpProject/src/JeongDayeon.js
@@ -42,10 +42,10 @@ function Profile(){
                 대학교 입학하면서 프로그래밍 프로젝트에 관심을 갖게 되어 이것저것 공부하고 있습니다. 아직까진 코딩이 재밌고 짜릿합니다.
             </p>
             <p>
-                <span className="small_font">
+                <p className="small_font">
                 협업경험이라곤 작년 학교에서 진행한 아이컨택 부트캠프, 친구와 소소한 유니티 만지기, 지금하고 있는 프로젝트 밖엔 없지만..
-                </span>
-                <br/>팀프로젝트하면서 짜릿함을 느낍니다! 
+                </p>
+                팀프로젝트하면서 짜릿함을 느낍니다! 
                 고로 누구보다도 진심으로 참여해 팀원들과 멋진 결과물을 만들어나갈 자신 있습니다.
             </p>
         </div>
@@ -58,12 +58,10 @@ function AboutMe(){
     <div className="content" id="about_me">
       <h2 className="jdy_h2">More about me</h2>
       <p>관심분야: 웹, 인공지능, 데이터</p>
-      <p>
+      <p className='small_font'>
         😽 📖 🎤 🏀 💻
-        <span className="small_font">
         <br/>고양이에 돌아있고, 헛되더라도 코드 짜는 것에 빠져있으며, 영화*책*음악(노래) 장르 안 가리고 다 좋아합니다. 
         특히 마지막은 추천도 받습니다! 관련 얘기하면서 친해지고 싶으면 언제든 연락주세요!
-        </span>
       </p>
       <p>현재 풀스택이라는 단어에 꽂혀서, 웹 a-z를 목표로 공부하고 있습니다.</p>
     </div>  

diff --git a/WarmUpProject/src/components/balance_game.js b/WarmUpProject/src/components/balance_game.js
@@ -38,7 +38,7 @@ export default function BGame({up_cnt, up_same_cnt, game_att}){
             <p className="b_question">{game_att.q}</p>
             <button className="opt_1" onClick={() => agg(1)} style={selected_opt==1 ? {backgroundColor : correct ? 'rgb(141, 219, 244)':'rgb(197, 92, 92)'}:null} disabled={disabled}>{game_att.opt_1}</button>
             <button className="opt_2" onClick={() => agg(2)} style={selected_opt==2 ? {backgroundColor : correct ? 'rgb(141, 219, 244)':'rgb(197, 92, 92)'}:null} disabled={disabled}>{game_att.opt_2}</button>
-            {show_nuec ? <p className="b_nuec_add" >{game_att.nuec_add}</p> : null}
+            {show_nuec ? <p className="b_nuec_add small_font" >{game_att.nuec_add}</p> : null}
         </div>
     );
 }
diff --git a/WarmUpProject/src/styles/jdy.css b/WarmUpProject/src/styles/jdy.css
@@ -3,6 +3,7 @@
     --side-c: rgb(67, 67, 67);
     --back-c: rgb(34, 34, 34);
     --font-c: white;
+    --font-side-c: rgb(196, 195, 195);
 }
 
 .jdy_h1{
@@ -12,11 +13,16 @@
     font-size:32px;
     color:var(--main-c);
 }
+.JeongDayeon p{
+    line-height: 140%;
+}
 .colored_text{
     color: var(--main-c);
 }
 .small_font{
-    font-size:10px;
+    font-size:14px;
+    color: var(--font-side-c);
+    line-height: 110%;
 }
 
 /* 프로젝트 카드 css */
@@ -142,4 +148,6 @@
 #balance_game .result{
     text-align: center;
     font-size: 20px;
-}
+}
+
+/* 채널 스타일 */