use flexbox for card-deck

This commit is contained in:
Jannis Portmann 2021-04-27 13:21:00 +02:00
parent d6f44bd29a
commit e8cfb87012

View file

@ -4,9 +4,9 @@
<h1>Offerings</h1> <h1>Offerings</h1>
{% if offerings|length > 0 %} {% if offerings|length > 0 %}
<div class="card-deck"> <div class="card-deck d-flex justify-content-around">
{% for offering in offerings %} {% for offering in offerings %}
<a href="#"> <a href="#" class="mb-5">
<div class="card offering h-100"> <div class="card offering h-100">
{% if offering.photoFilename %} {% if offering.photoFilename %}
<img class="card-img-top" src="{{ asset('uploads/photos/' ~ offering.photofilename) }}" /> <img class="card-img-top" src="{{ asset('uploads/photos/' ~ offering.photofilename) }}" />