wrap the devlog image in a div to hopefully make firefox mobile happy

This commit is contained in:
Ell 2024-05-21 16:22:12 +02:00
parent 596131e7d8
commit af011cf1ab
2 changed files with 4 additions and 2 deletions

View file

@ -12,7 +12,9 @@
{% else %} {% else %}
{% assign url = post.url | append: post.image %} {% assign url = post.url | append: post.image %}
{% endif %} {% endif %}
<img src="{{ url }}" class="devlog-image" width="100%" alt="Cover image for post {{ post.title }}"> <div class="devlog-image">
<img src="{{ url }}" width="100%" alt="Cover image for post {{ post.title }}">
</div>
{% endif %} {% endif %}
<h4 class="devlog-title">{{ post.title }}</h4> <h4 class="devlog-title">{{ post.title }}</h4>
<div class="text-muted">{{ post.date | date_to_string }}</div> <div class="text-muted">{{ post.date | date_to_string }}</div>

View file

@ -158,7 +158,7 @@ a:visited.wide-link {
margin-top: 20px; margin-top: 20px;
} }
.devlog-image { .devlog-image img {
max-height: 120px; max-height: 120px;
object-fit: cover; object-fit: cover;
margin-bottom: 10px; margin-bottom: 10px;