Use mobile first flow for responsive hero image
This commit is contained in:
parent
a07aecc159
commit
76f590b5bb
|
@ -2,8 +2,8 @@
|
||||||
|
|
||||||
{% block heroImg %}
|
{% block heroImg %}
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="/assets/cassettebeasts/images/cassettebeasts-header-640.png" media="(orientation: portrait)" />
|
<source srcset="/assets/cassettebeasts/images/cassettebeasts-header-320.png" media="(orientation: landscape)" />
|
||||||
<img src="/assets/cassettebeasts/images/cassettebeasts-header-320.png" alt="Banner of Cassette Beasts Shrine" />
|
<img src="/assets/cassettebeasts/images/cassettebeasts-header-640.png" alt="Banner of Cassette Beasts Shrine" />
|
||||||
</picture>
|
</picture>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue