Use aside tag for ads

spotlightpa · Apr 23, 2024 · 903c145 · 903c145
1 parent f3fcb63
commit 903c145
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 18 deletions.
diff --git a/layouts/partials/tw/promo-double.html b/layouts/partials/tw/promo-double.html
@@ -12,16 +12,14 @@
 }}
 
 
-<section class="{{ $wrapperClass }}" data-ga-category="promo-image">
-  <p>
-    {{ if $link }}
-      <a href="{{ $link }}">
-        {{- $picture -}}
-      </a>
-    {{ else }}
-      <span>
-        {{- $picture -}}
-      </span>
-    {{ end }}
-  </p>
-</section>
+<aside class="{{ $wrapperClass }}" data-ga-category="promo-image">
+  {{ if $link }}
+    <a href="{{ $link }}">
+      {{- $picture -}}
+    </a>
+  {{ else }}
+    <span>
+      {{- $picture -}}
+    </span>
+  {{ end }}
+</aside>
diff --git a/layouts/partials/tw/promo-topper.html b/layouts/partials/tw/promo-topper.html
@@ -27,12 +27,12 @@
 }}
 
 
-<section
-  class="px-auto bg-white py-8 sm:py-10"
+<aside
+  class="py-8 sm:py-10"
   data-ga-category="topper"
   data-sf-campaign="701Dn000000YgojIAC"
 >
-  <p class="flex items-center justify-center px-4">
+  <div class="flex items-center justify-center px-4">
     {{ if $link }}
       <a
         class="mx-auto sm:max-w-full md:max-w-3xl lg:max-w-[960px]"
@@ -45,5 +45,5 @@
         {{- $picture -}}
       </span>
     {{ end }}
-  </p>
-</section>
+  </div>
+</aside>