emus/templates/games/gamesystem_detail.html

{% extends "base.html" %}

{% block title %}{{object.name}}{% endblock %}

{% block content %}
    <h4>Browsing ({{object.game_set.count}}) games</h4>
    {% for  game in object.game_set.all %}
        <div class="card d-flex float-left" style="width: 12em; padding:1em">
        <a href="{{game.get_absolute_url}}">
            {% if game.screenshot %}
            <img class="card-img-top" src="{{game.screenshot.url}}" alt="Card image cap">
            {% else %}
            <i>{{game.name}}</i>
            {% endif %}
        </a>
        </div>
    {% endfor %}
    </ul>
{% endblock %}