From ff7d1be0b73dc6a6c28df133607d8300c14b55aa Mon Sep 17 00:00:00 2001
From: Christian Oliff <christianoliff@pm.me>
Date: Tue, 10 Dec 2024 21:03:18 +0900
Subject: [PATCH] Use `<article>` element for example cards (#40965)

This makes semantic sense.
REF: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
---
 site/layouts/partials/examples/main.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/layouts/partials/examples/main.html b/site/layouts/partials/examples/main.html
index 636cd7e2e8cd..59f35d7cb11b 100644
--- a/site/layouts/partials/examples/main.html
+++ b/site/layouts/partials/examples/main.html
@@ -14,7 +14,7 @@ <h2 id="{{ $entry.category | urlize }}">{{ $entry.category }}</h2>
     {{- $len := len $entry.examples -}}
     {{ if (eq $i 0) }}<div class="row">{{ end }}
       {{ if $entry.external -}}
-        <div class="col-md-6 col-lg-4 mb-3 d-flex gap-3">
+        <article class="col-md-6 col-lg-4 mb-3 d-flex gap-3">
           <svg class="bi fs-5 flex-shrink-0 mt-1" aria-hidden="true"><use xlink:href="#box-seam"></use></svg>
           <div>
             <h3 class="h5 mb-1">
@@ -32,9 +32,9 @@ <h3 class="h5 mb-1">
               </a>
             </p>
           </div>
-        </div>
+        </article>
       {{ else -}}
-        <div class="col-sm-6 col-md-3 mb-3">
+        <article class="col-sm-6 col-md-3 mb-3">
           {{- $exampleNameUrlized := $example.name | urlize -}}
           {{- $exampleUrl := urls.JoinPath "/docs" $.Site.Params.docs_version "/examples" $exampleNameUrlized "/" }}
           <a class="d-block link-offset-1" href="{{ $exampleUrl }}"{{ if in $example.name "RTL" }} hreflang="ar"{{ end }}>
@@ -55,7 +55,7 @@ <h3 class="h5 mb-1">
             </h3>
           </a>
           <p class="text-body-secondary">{{ $example.description }}</p>
-        </div>
+        </article>
       {{- end }}
     {{ if (eq (add $i 1) $len) }}</div>{{ end -}}
   {{ end -}}