From 9a6e965c2c73fa349a4d32028f90bb7419fd66b1 Mon Sep 17 00:00:00 2001
From: fdgh134 <fdgh134@naver.com>
Date: Thu, 17 Oct 2024 09:56:58 +0900
Subject: [PATCH] fix

---
 css/workout_torder.css   | 37 ++++++++++++++++++++++++++++---------
 work/aim.html            |  7 -------
 work/est.html            |  7 -------
 work/fredit.html         |  7 -------
 work/glox.html           |  7 -------
 work/introduce.html      |  7 -------
 work/joid.html           |  7 -------
 work/metainnovation.html |  7 -------
 work/metapos.html        |  8 +-------
 work/metapos_torder.html |  7 -------
 work/nail.html           |  7 -------
 work/nike.html           |  7 -------
 work/share.html          |  7 -------
 work/zin.html            |  7 -------
 14 files changed, 29 insertions(+), 100 deletions(-)

diff --git a/css/workout_torder.css b/css/workout_torder.css
index 3adc7f7..eb1d698 100644
--- a/css/workout_torder.css
+++ b/css/workout_torder.css
@@ -112,10 +112,9 @@
 }
 .mockup{
   width: 50%;
-  background: url(../img/metapos3.png);
+  background: url(../img/metapos2-2.png);
   background-size: cover;
   background-position-y: center;
-  background-position-x: center;
   height: 70vh;
 }
 .discription{
@@ -200,8 +199,6 @@
   width: 100%;
 }
 
-/* bottom section */
-
 .contact{
   position: relative;
   width: 100%;
@@ -252,7 +249,6 @@
   font-size: 0.7rem;
 }
 
-
 /* pc */
 
 @media screen and ( min-width: 1026px ){
@@ -324,9 +320,31 @@
 /* 모바일 */
 @media screen and ( max-width: 767px ){
   
+  .header_inner{
+    padding: 0;
+  }
+  .header_content{
+    padding: 12px 4px;
+    align-items: center;
+    width: 100vw;
+    justify-content: normal;
+  }
+  .header_content > h1{
+    width: 24%;
+  }
   .content_inner, .work_detail{
     flex-direction: column;
   }
+  .work_detail > .detail_inner{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    box-sizing: border-box;
+    width: 88vw;
+  }
+  .other_project{
+    padding: calc(1vh + 2vw + 1rem) 0;
+  }
   .mockup{
     width: 100%;
     background-size: contain;
@@ -334,7 +352,7 @@
     height: 30vh;
   }
   .discription{
-    width: 100%;
+    width: 88vw;
     margin: 4vh 0;
     padding: 0 6vw;
     box-sizing: border-box;
@@ -359,8 +377,9 @@
     font-size: 30px;
   }
   .contact{
-    flex-direction: column;
-    padding: 15vh calc(1vh + 1vw + 2rem);
+    width: 96vw;
+    display: block;
+    padding: 15vh 2vw;
     align-items: flex-start;
   }
   .contact_inner > div:nth-child(1) > p{
@@ -377,6 +396,6 @@
     position: absolute;
     bottom: 1rem;
     left: 50%;
-    transform: translate(-50%,0);
+    transform: translate(-75%,0);
   }
 }
\ No newline at end of file
diff --git a/work/aim.html b/work/aim.html
index 7f240dd..966535d 100644
--- a/work/aim.html
+++ b/work/aim.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/est.html b/work/est.html
index 6bbe713..06551d3 100644
--- a/work/est.html
+++ b/work/est.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/fredit.html b/work/fredit.html
index 5a5cf0e..e46e535 100644
--- a/work/fredit.html
+++ b/work/fredit.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/glox.html b/work/glox.html
index 1455bfb..08600d5 100644
--- a/work/glox.html
+++ b/work/glox.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/introduce.html b/work/introduce.html
index 9d54f36..0e399ff 100644
--- a/work/introduce.html
+++ b/work/introduce.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated none">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/joid.html b/work/joid.html
index 18db136..b8504d0 100644
--- a/work/joid.html
+++ b/work/joid.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/metainnovation.html b/work/metainnovation.html
index 76b21ae..c862821 100644
--- a/work/metainnovation.html
+++ b/work/metainnovation.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/metapos.html b/work/metapos.html
index 1b7376f..fcbb164 100644
--- a/work/metapos.html
+++ b/work/metapos.html
@@ -23,13 +23,7 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
+
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/metapos_torder.html b/work/metapos_torder.html
index 079720e..1428a1d 100644
--- a/work/metapos_torder.html
+++ b/work/metapos_torder.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/nail.html b/work/nail.html
index 33ce915..5e357b6 100644
--- a/work/nail.html
+++ b/work/nail.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/nike.html b/work/nike.html
index 78d285c..0e0b75a 100644
--- a/work/nike.html
+++ b/work/nike.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/share.html b/work/share.html
index 09a500e..4f999e6 100644
--- a/work/share.html
+++ b/work/share.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>
diff --git a/work/zin.html b/work/zin.html
index 9d183ab..67ce534 100644
--- a/work/zin.html
+++ b/work/zin.html
@@ -23,13 +23,6 @@
   <!--헤더 영역 시작-->
   <header class="header_top animate__animated">
     <div class="header_inner">
-      <div class="header_line_top"></div>
-      <div class="header_content">
-        <h1>Yoom's Web Portfolio</h1>
-        <a class="my_mail" href="mailto:fdgh134@naver.com">fdgh134@naver.com</a>
-        <span> <div class="square"></div> Contect Me!</span>
-      </div>
-      <div class="header_line_bottom"></div>
       <div class="header_bottom_out">
         <a href="../index.html">
           <p>◀ 뒤로 가기</p>