AD: make banner ad responsive

gobitfly · Aug 7, 2020 · 07c1072 · 07c1072
1 parent 78b338c
commit 07c1072
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/static/css/layout.css b/static/css/layout.css
@@ -1,3 +1,10 @@
+
+/* Revive ad server responsive images */
+ins[data-revive-zoneid] > a > img {
+  max-width: 100%;
+  height: auto;
+}
+
 main > div > .my-3 {
   padding: 1rem 0;
 }

diff --git a/templates/index.html b/templates/index.html
@@ -438,7 +438,7 @@ <h5 class="text-center">{{.Subtitle}}</h5>
 
   </div>
 </div>
-<div class="ad row my-3 justify-content-center">
+<div class="ad d-flex my-3 justify-content-center pt-2">
     <ins class="d-none d-md-block" data-revive-zoneid="5681" data-revive-id="727bec5e09208690b050ccfc6a45d384"></ins>
     <ins class="d-md-none" data-revive-zoneid="5682" data-revive-id="727bec5e09208690b050ccfc6a45d384"></ins>
 </div>