Leilukin/leilukin-site
1
0
Fork 0
mirror of https://github.com/helenclx/leilukin-site.git synced 2025-04-05 11:42:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use mobile first flow for responsive hero image

Browse Source
This commit is contained in:
Helen Chong 2024-04-20 12:07:06 +08:00
parent a07aecc159
commit 76f590b5bb
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/_includes/cassettebeasts/hero.njk
View File

@ -2,8 +2,8 @@
{% block heroImg %}
<picture>
<source srcset="/assets/cassettebeasts/images/cassettebeasts-header-640.png" media="(orientation: portrait)" />
<img src="/assets/cassettebeasts/images/cassettebeasts-header-320.png" alt="Banner of Cassette Beasts Shrine" />
<source srcset="/assets/cassettebeasts/images/cassettebeasts-header-320.png" media="(orientation: landscape)" />
<img src="/assets/cassettebeasts/images/cassettebeasts-header-640.png" alt="Banner of Cassette Beasts Shrine" />
</picture>
{% endblock %}