make links responsive

This commit is contained in:
Samuel Shifterovich 2018-10-27 18:35:20 +02:00
parent ea64821d9b
commit 8355e616c0
2 changed files with 5 additions and 3 deletions

View File

@ -20,7 +20,7 @@
</div> </div>
{% endif %} {% endif %}
<p><img src="{{include.image}}" alt="{{include.title}}" class="panel-item">{{include.description}}</p> <p><img src="{{include.image}}" alt="{{include.title}}" class="panel-item">{{include.description}}</p>
<div class="card-bottom"> <div>
<p> <p>
<a class="btn btn-{{include.color}} mb-1" href="{{include.url}}">Website: <a class="btn btn-{{include.color}} mb-1" href="{{include.url}}">Website:
{% if include.website %} {% if include.website %}

View File

@ -4,8 +4,10 @@
box-shadow: 0 3px 10px 0 rgba(150,150,150,0.2) !important; box-shadow: 0 3px 10px 0 rgba(150,150,150,0.2) !important;
} }
.card-bottom { /* Make links responsive */
/* todo - make the card footer and buttons be positioned to the bottom of the card? */ a {
word-wrap: break-word;
max-width: 300px;
} }
/*.card-success, */ .card-success .card-header { /*.card-success, */ .card-success .card-header {