ラインハイトの再設定

juliecogley · Mar 20, 2024 · 40fbc20 · 40fbc20
1 parent da781d8
commit 40fbc20
Show file tree

Hide file tree

Showing 9 changed files with 48 additions and 45 deletions.
diff --git a/common.css b/common.css
@@ -93,6 +93,7 @@ body {
   text-align: center;
   position: absolute;
   font-weight: 600;
+  line-height: 1.5em;
   }
 
 

diff --git a/contact.css b/contact.css
@@ -25,6 +25,7 @@
 
 .section-contact__name p {
 	padding: 20px 0 20px 0;
+	line-height: 1.5em;
 }
 
 
@@ -51,8 +52,8 @@
 	}
 
 	.section-contact__name p {
-
 		font-size: 2.0rem;
+		line-height: 1.8em;
 		margin: 0 auto;
 		padding:0 0 80px 0;
 		}

diff --git a/kotobagaki.css b/kotobagaki.css
@@ -22,7 +22,7 @@
 	text-align: center;
 	color: rgba(0, 0, 0, 0.60);
 	width: 80%;
-	line-height: 2;
+	line-height: 2em;
 }
 
 .section-kotobagaki__name p {
@@ -112,7 +112,7 @@
 }
 
 .section-kotobagaki1__poem p {
-	line-height: 2.4rem;
+	line-height: 2em;
 }
 
 /*画面サイズ1060以上での指定*/

diff --git a/works.css b/works.css
@@ -31,15 +31,18 @@ position: relative;
 }
 .section-works__wrapper h2{
 font-size: 2.0rem;
+line-height: 2em;
 }
 
 .section-works__wrapper h3{
 	font-size: 1.6rem;
+	line-height: 1.8em;
 	}
 
 .section-works__index p{
 	color: #777;
 	margin: 16px 0;
+	line-height: 1.5em;
 }
 .arrow{
 	width: 10px;

diff --git a/works1.css b/works1.css
@@ -26,20 +26,20 @@
 
 .section-works1__title h1 {
 	font-size: 2.4rem;
-	line-height: 2.0rem;
+	line-height: 2em;
 
 }
 
 .section-works1__title h2 {
 	font-size: 1.8rem;
-	line-height: 2.0rem;
+	line-height: 1.8em;
 	/* 100% */
 	padding-top: 10px;
 }
 
 .section-works1__title p {
 	padding-top: 20px;
-	line-height: 2.0rem;
+	line-height: 1.5em;
 }
 
 .section-works1__image-body {
@@ -54,6 +54,8 @@
 	height: 100%;
 	object-fit: cover;
 	object-position: 0% 0%;
+	max-width: 500px;
+	margin: 0 auto;
 }
 
 
@@ -104,7 +106,7 @@
 }
 
 .section-works1__poem p {
-	line-height: 2.4rem;
+	line-height: 1.5em;
 }
 
 /*画面サイズ1060以上での指定*/
@@ -119,7 +121,9 @@
 		padding: 40px 0;
 		width: auto;
 	}
-
+	.section-works1__poem p {
+		line-height: 1.8em;
+	}
 }
 
 /*

diff --git a/works2.css b/works2.css
@@ -26,20 +26,13 @@
 
 .section-works1__title h1 {
 	font-size: 2.4rem;
-	line-height: 2.0rem;
-
+	line-height: 2em;
 }
 
-.section-works1__title h2 {
-	font-size: 1.8rem;
-	line-height: 2.0rem;
-	/* 100% */
-	padding-top: 10px;
-}
 
 .section-works1__title p {
 	padding-top: 20px;
-	line-height: 2.0rem;
+	line-height: 1.5em;
 }
 
 .section-works1__image-body {
@@ -77,7 +70,9 @@
 		display: block;
 
 	}
-
+	.section-works1__title p {
+		line-height: 1.8em;
+	}
 	.section-works1__image-body {
 		width: 50%;
 		height: 100%;
@@ -106,7 +101,7 @@
 }
 
 .section-works1__poem p {
-	line-height: 2.4rem;
+	line-height: 1.5em;
 }
 
 /*画面サイズ1060以上での指定*/
@@ -121,7 +116,9 @@
 		padding: 40px 0;
 		width: auto;
 	}
-
+	.section-works1__poem p {
+		line-height: 1.8em;
+	}
 }
 
 /*

diff --git a/works2.html b/works2.html
@@ -77,7 +77,6 @@
 
       <div class="section-works1__title">
         <h1>Imaginary melancholy</h1>
-        <h2>watering flowers,is it love or not?</h2>
         <p>石膏, 水彩<br>
           H210×W150×D100(mm)<br>
           2022</p>

diff --git a/works3.css b/works3.css
@@ -26,20 +26,15 @@
 
 .section-works1__title h1 {
 	font-size: 2.4rem;
-	line-height: 2.0rem;
+	line-height: 2.0em;
 
 }
 
-.section-works1__title h2 {
-	font-size: 1.8rem;
-	line-height: 2.0rem;
-	/* 100% */
-	padding-top: 10px;
-}
+
 
 .section-works1__title p {
 	padding-top: 20px;
-	line-height: 2.0rem;
+	line-height: 1.5em;
 }
 
 .section-works1__image-body {
@@ -67,8 +62,6 @@
 		justify-content: center;
 		padding: 0 150px;
 		align-items: center;
-
-
 	}
 
 	.section-works1__title {
@@ -78,6 +71,11 @@
 
 	}
 
+
+	.section-works1__title p {
+		line-height: 1.8em;
+	}
+
 	.section-works1__image-body {
 		width: 50%;
 		height: 100%;
@@ -106,7 +104,7 @@
 }
 
 .section-works1__poem p {
-	line-height: 2.4rem;
+	line-height: 1.5em;
 }
 
 /*画面サイズ1060以上での指定*/
@@ -121,7 +119,9 @@
 		padding: 40px 0;
 		width: auto;
 	}
-
+	.section-works1__poem p {
+		line-height: 1.8em;
+	}
 }
 
 /*

diff --git a/works4.css b/works4.css
@@ -26,20 +26,13 @@
 
 .section-works1__title h1 {
 	font-size: 2.2rem;
-	line-height: 1.5;
+	line-height: 2em;
 
 }
 
-.section-works1__title h2 {
-	font-size: 1.8rem;
-	line-height: 2.0rem;
-	/* 100% */
-	padding-top: 10px;
-}
-
 .section-works1__title p {
 	padding-top: 20px;
-	line-height: 2.0rem;
+	line-height: 1.5em;
 }
 
 .section-works1__image-body {
@@ -77,7 +70,10 @@
 		display: block;
 
 	}
-
+	.section-works1__title p {
+		padding-top: 20px;
+		line-height: 1.8em;
+	}
 	.section-works1__image-body {
 		width: 50%;
 		height: 100%;
@@ -106,7 +102,7 @@
 }
 
 .section-works1__poem p {
-	line-height: 2.4rem;
+	line-height: 1.5em;
 }
 
 /*画面サイズ1060以上での指定*/
@@ -121,7 +117,9 @@
 		padding: 40px 0;
 		width: auto;
 	}
-
+	.section-works1__poem p {
+		line-height: 1.8em;
+	}
 }
 
 /*