Skip to content
Snippets Groups Projects
Commit 542f1b90 authored by Cédric Krier's avatar Cédric Krier :atom:
Browse files

Align bottom of cards

parent f91ab1e4
No related branches found
No related tags found
No related merge requests found
<div class="col mb-gutter" id="{{ name | lower | replace(' ', '-') }}">
<div class="card mx-auto shadow" style="width: 24rem">
<div class="card mx-auto shadow d-flex flex-colum" style="width: 24rem; height: 100%">
<a href="{{ website }}" style="height: 240px">
{% if img %}
<img class="card-img-top text-center d-block" src="{{ img }}" alt="{{ name }}"/>
......@@ -7,7 +7,7 @@
</a>
<div class="card-body">
<h2 class="h5 card-title">{{ name }}</h2>
<p class="card-text" style="height: 200px; overflow-y: auto;">
<p class="card-text" style="max-height: 200px; overflow-y: auto;">
{% block description %}{% endblock %}
</p>
{% if website %}
......
......@@ -20,10 +20,10 @@
<div class="row">
{% for case in cases %}
<div class="col mb-gutter">
<div class="card mx-auto shadow" style="width: 18rem">
<div class="card mx-auto shadow d-flex flex-column" style="width: 18rem; height: 100%">
{% if case.logo %}
<img class="card-img-top" src="{{ url_for('static', filename=case.logo) }}" style="height: 180px" alt=""/>
{% endif %}
<div class="card-body">
<h2 class="h5 card-title">{{ case.title }}</h2>
<p class="card-text">{{ case.description }}</p>
......@@ -24,10 +24,12 @@
{% if case.logo %}
<img class="card-img-top" src="{{ url_for('static', filename=case.logo) }}" style="height: 180px" alt=""/>
{% endif %}
<div class="card-body">
<h2 class="h5 card-title">{{ case.title }}</h2>
<p class="card-text">{{ case.description }}</p>
<a href="{{ case.url }}" class="btn btn-primary {{ 'disabled' if not case.url else '' }}" {% if not case.url %}aria-disabled="true"{% endif %}>More<span class="sr-only">on {{ case.title }}</span></a>
</div>
<div class="card-footer text-center">
<a href="{{ case.url }}" class="btn btn-primary btn-block {{ 'disabled' if not case.url else '' }}" {% if not case.url %}aria-disabled="true"{% endif %}>More<span class="sr-only">on {{ case.title }}</span></a>
</div>
</div>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment