Leilukin/leilukin-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use mobile first flow for responsive hero image

Browse Source
This commit is contained in:
Leilukin 2024-04-20 12:07:06 +08:00 committed by Helen Chong
parent 63294d4c66
commit 7f4575ae5e
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 %}