diff --git a/common.css b/common.css index 9c73e82..ba78dfd 100644 --- a/common.css +++ b/common.css @@ -408,4 +408,36 @@ width: 100%; right: 80%; left: auto; } +} + +.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: 0;; + } + + .back-to-works__line { + right: 100px; + } } \ No newline at end of file diff --git a/works1.css b/works1.css index 46d550a..fba4ea1 100644 --- a/works1.css +++ b/works1.css @@ -1,4 +1,15 @@ @charset "UTF-8"; +.body{ + margin: 0; +} +#mainvisual { + height: 50vh; + } + @media (min-width: 1060px) { + #mainvisual { + height: 100vh; + } + } .main { max-width: 1208px; @@ -124,7 +135,7 @@ } } - +/*画面サイズ1060以上での指定 .img-frame { position: relative; width: 100%; @@ -293,35 +304,4 @@ } } - -.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; - } -} \ No newline at end of file +*/ diff --git a/works1.html b/works1.html index f0aaebe..ebca72b 100644 --- a/works1.html +++ b/works1.html @@ -22,8 +22,6 @@ - @@ -64,9 +62,7 @@
-
-

そっと水をあげる

watering flowers,is it love or not?

@@ -74,7 +70,6 @@

watering flowers,is it love or not?

可変
2024

-
top_image
@@ -93,14 +88,17 @@

watering flowers,is it love or not?

確かにそこにあったことを思い出して


覗き込んでみてください。


- + + 　
+ 　　　
+ 　　
line 作品集へ戻る @@ -140,6 +138,37 @@

SNS

- - + + + \ No newline at end of file