リンクのクラス名を info から detail へ

nakaterm · nakaterm · commit 234d3bd24628 · 2025-12-22T13:28:23.000+09:00
diff --git a/docs/2-browser-apps/05-css-layout/_samples/align-center/index.html b/docs/2-browser-apps/05-css-layout/_samples/align-center/index.html
@@ -10,7 +10,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Free</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">無料</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -21,7 +21,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Basic</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$5</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -34,7 +34,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Premium</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$20</div>
         <button type="button" class="button">今すぐ始める</button>
diff --git a/docs/2-browser-apps/05-css-layout/_samples/align-center/style.css b/docs/2-browser-apps/05-css-layout/_samples/align-center/style.css
@@ -27,7 +27,7 @@ body {
   font-size: 24px;
 }
 
-.info {
+.detail {
   color: #0d6efd;
 }
 
diff --git a/docs/2-browser-apps/05-css-layout/_samples/justify-space-between/index.html b/docs/2-browser-apps/05-css-layout/_samples/justify-space-between/index.html
@@ -10,7 +10,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Free</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">無料</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -21,7 +21,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Basic</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$5</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -34,7 +34,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Premium</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$20</div>
         <button type="button" class="button">今すぐ始める</button>
diff --git a/docs/2-browser-apps/05-css-layout/_samples/justify-space-between/style.css b/docs/2-browser-apps/05-css-layout/_samples/justify-space-between/style.css
@@ -26,7 +26,7 @@ body {
   font-size: 24px;
 }
 
-.info {
+.detail {
   color: #0d6efd;
 }
 
diff --git a/docs/2-browser-apps/05-css-layout/_samples/media-query-align-center/index.html b/docs/2-browser-apps/05-css-layout/_samples/media-query-align-center/index.html
@@ -11,7 +11,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Free</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">無料</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -22,7 +22,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Basic</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$5</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -35,7 +35,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Premium</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$20</div>
         <button type="button" class="button">今すぐ始める</button>
diff --git a/docs/2-browser-apps/05-css-layout/_samples/media-query-align-center/style.css b/docs/2-browser-apps/05-css-layout/_samples/media-query-align-center/style.css
@@ -27,7 +27,7 @@ body {
   font-size: 24px;
 }
 
-.info {
+.detail {
   color: #0d6efd;
 }
 
diff --git a/docs/2-browser-apps/05-css-layout/_samples/media-query/index.html b/docs/2-browser-apps/05-css-layout/_samples/media-query/index.html
@@ -11,7 +11,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Free</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">無料</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -22,7 +22,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Basic</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$5</div>
         <button type="button" class="button">今すぐ始める</button>
@@ -35,7 +35,7 @@
       <div class="card">
         <div class="card-header">
           <div class="plan">Premium</div>
-          <a href="" class="info">詳細</a>
+          <a href="" class="detail">詳細</a>
         </div>
         <div class="price">$20</div>
         <button type="button" class="button">今すぐ始める</button>
diff --git a/docs/2-browser-apps/05-css-layout/_samples/media-query/style.css b/docs/2-browser-apps/05-css-layout/_samples/media-query/style.css
@@ -27,7 +27,7 @@ body {
   font-size: 24px;
 }
 
-.info {
+.detail {
   color: #0d6efd;
 }
 
diff --git a/docs/2-browser-apps/05-css-layout/index.mdx b/docs/2-browser-apps/05-css-layout/index.mdx
@@ -362,13 +362,13 @@ HTML要素は、それらが表示される際のデフォルトの振る舞い
 ```html
 <div class="card-header">
   <div class="plan">Free</div>
-  <a href="" class="info">詳細</a>
+  <a href="" class="detail">詳細</a>
 </div>
 ```
 
 ```css
 // highlight-start
-.info {
+.detail {
   color: #0d6efd;
 }
 // highlight-end

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ body {`
`27`	`27`	`font-size: 24px;`
`28`	`28`	`}`
`29`	`29`
`30`		`-.info {`
	`30`	`+.detail {`
`31`	`31`	`color: #0d6efd;`
`32`	`32`	`}`
`33`	`33`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ body {`
`26`	`26`	`font-size: 24px;`
`27`	`27`	`}`
`28`	`28`
`29`		`-.info {`
	`29`	`+.detail {`
`30`	`30`	`color: #0d6efd;`
`31`	`31`	`}`
`32`	`32`