Use mobile first flow for responsive hero image

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

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 %}