From 153f195dae3c05d417c9ca559d1414ef6b96ea5f Mon Sep 17 00:00:00 2001
From: YongHyunKing <yhkim8246@gmail.com>
Date: Fri, 12 Jul 2024 18:32:11 +0900
Subject: [PATCH] =?UTF-8?q?feat=20:=20=EC=97=B0=ED=98=81=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/asset/scss/components/history.scss |  8 ++++++++
 src/components/History.js              | 12 ++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/asset/scss/components/history.scss b/src/asset/scss/components/history.scss
index 7a25998..6bf0690 100644
--- a/src/asset/scss/components/history.scss
+++ b/src/asset/scss/components/history.scss
@@ -22,6 +22,9 @@
         text-align: center;
 
       }
+      .card-body{
+        width: 800px;
+      }
 }
 
 @include mobile{
@@ -45,9 +48,14 @@
         width: 80%;
         text-align: center;
       }
+
+      .card-body{
+        width: 400px;
+      }
 }
 
 
+
     .timeline {
         border-left: 3px solid black;
         border-bottom-right-radius: 4px;
diff --git a/src/components/History.js b/src/components/History.js
index 9563c17..376c256 100644
--- a/src/components/History.js
+++ b/src/components/History.js
@@ -9,7 +9,7 @@ export default function History() {
         <div className="row">
           <div className="col-md-12">
             <div className="card">
-              <div className="card-body" style={{ width: 600 }}>
+              <div className="card-body">
                 <div id="content">
                   <ul className="timeline">
                     <li className="event" data-date="2003">
@@ -17,20 +17,20 @@ export default function History() {
 
                     </li>
                     <li className="event" data-date="2005">
-                      <h3>(주)하이다 코리아 인수</h3>
+                      <h3 style={{ marginBottom: "15px" }}>(주)하이다 코리아 인수</h3>
                       <h3>주식회사 포럼종합건설 공동 대표이사 취임</h3>
                     </li>
                     <li className="event" data-date="2009">
-                      <h3>주식회사 드림예건으로 사명변경</h3>
-                      <h3>실내건축업 면허추가</h3>
+                      <h3 style={{ marginBottom: "15px" }}>주식회사 드림예건으로 사명변경</h3>
+                      <h3 style={{ marginBottom: "15px" }}>실내건축업 면허추가</h3>
                       <h3>서울시 서초구 양재동 2203번지 동방빌딩 5층으로 사무실 이전</h3>
                     </li>
                     <li className="event" data-date="2011">
-                      <h3>주식회사 피엔엘로 사명변경</h3>
+                      <h3 style={{ marginBottom: "15px" }}>주식회사 피엔엘로 사명변경</h3>
                       <h3>시설물 유지관리업 면허 추가</h3>
                     </li>
                     <li className="event" data-date="2016">
-                      <h3>주식회사 드림종합건설 설립</h3>
+                      <h3 style={{ marginBottom: "15px" }}>주식회사 드림종합건설 설립</h3>
                       <h3>건설업 면허 추가</h3>
                     </li>
                     <li className="event" data-date="2018">