marty/cbp-calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add responsive hero banner: mobile image on screens < 768px, desktop on larger

Browse Source
This commit is contained in:
Marty Bostick
2026-07-29 20:31:09 +00:00
parent e2aed5bf88
commit 03fdbe87e6
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hero-banner-mobile.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 181 KiB

index.html
+4 -1
View File
@@ -1033,7 +1033,10 @@
<!-- Hero banner image --> <!-- Hero banner image -->
<div class="hero-banner-img"> <div class="hero-banner-img">
<a id="bannerRefLink" href="https://clickbaitpays.me/?ref=cryptoteambuild" target="_blank" rel="noopener"> <a id="bannerRefLink" href="https://clickbaitpays.me/?ref=cryptoteambuild" target="_blank" rel="noopener">
<img src="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner.jpg" alt="Join the Crypto Team Build Network — Build the ClickBaitPays team project with us" /> <picture>
<source srcset="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner-mobile.jpg" media="(max-width: 767px)">
<img src="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner.jpg" alt="Join the Crypto Team Build Network — Build the ClickBaitPays team project with us" />
</picture>
</a> </a>
<script> <script>
(function(){ (function(){