Merge pull request #15 from likelion11-kangwon/feat/featureJeongDayeon

Feat/feature jeong dayeon
likelion11-kangwon · Apr 20, 2023 · 405ec3c · 405ec3c
2 parents 6fbe146 + 331c66c
commit 405ec3c
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 10 deletions.
diff --git a/WarmUpProject/src/JeongDayeon.js b/WarmUpProject/src/JeongDayeon.js
@@ -11,14 +11,15 @@ function JeongDayeon() {
 
   return (
     <div className='JeongDayeon'>
-        <div id='recommend_width' className='small_font'>width를 이 선에 맞추어 웹페이지를 봐주세요</div>
-        <JustForStyle />
-        <Profile />
-        <AboutMe />
-        <BalanceGame />
-        <Projects />
-        <TechStacks />
-        <Channels />
+        <div id='width_cut'>
+          <JustForStyle />
+          <Profile />
+          <AboutMe />
+          <BalanceGame />
+          <Projects />
+          <TechStacks />
+          <Channels />
+        </div>
     </div>
   );
 }

diff --git a/WarmUpProject/src/styles/index.css b/WarmUpProject/src/styles/index.css
@@ -3,7 +3,7 @@
 body {
   background-color: rgb(34, 34, 34);
   color:white;
-  padding: 20px;
+  padding: 0px;
   margin: 0px;
   font-family: 'Pretendard';
 }
diff --git a/WarmUpProject/src/styles/jdy.css b/WarmUpProject/src/styles/jdy.css
@@ -6,6 +6,19 @@
     --font-side-c: rgb(196, 195, 195);
 }
 
+.JeongDayeon{
+    background-color: var(--side-c);
+}
+
+.JeongDayeon #width_cut{
+    background-color: var(--back-c);
+    position: relative;
+    width:350px;
+    padding: 20px;
+    margin:auto;
+    overflow: hidden;
+}
+
 .jdy_h1{
     font-size:48px;
 }
@@ -226,7 +239,7 @@
 #tech_stacks #tech_container{
     display: flex;
     overflow: hidden;
-    margin-left: calc(-50vw + 50%);
+    margin-left: -20px;
     width:390px;
     white-space:nowrap;
 }