作品集へ戻るボタンを追加

juliecogley · Mar 23, 2024 · 0d7c162 · 0d7c162
1 parent 0dff8ca
commit 0d7c162
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 0 deletions.
diff --git a/photo/line.svg b/photo/line.svg
diff --git a/works1.css b/works1.css
@@ -463,4 +463,32 @@
 
 	}
 
+}
+.back-to-works{
+position: relative;
+display: flex;
+text-align: right;
+margin-bottom: 80px;
+}
+.back-to-works__text{
+position: absolute;
+right: 0px;
+padding-right: 24px;
+text-decoration: none;
+color: #212427;
+}
+.back-to-works__line{
+	position: absolute;
+	right: 124px;
+	top: 10px;
+	}
+
+
+@media (min-width: 1060px) {
+	.back-to-works__text{
+		padding-right: 50px;
+		}
+		.back-to-works__line{
+			right: 150px;
+			}
 }
diff --git a/works1.html b/works1.html
@@ -112,6 +112,11 @@ <h2>watering flowers,is it love or not?</h2>
       <div class="img-13"></div>
       <div class="img-14"></div> 
     </div>
+
+    <div class="back-to-works">
+      <img class="back-to-works__line" src="photo/line.svg" alt="line">
+     <a class="back-to-works__text" href="works.html">作品集へ戻る</a>
+    </div>
   </main>
 
   <footer class="footer">