mirror of
https://github.com/privacyguides/privacyguides.org.git
synced 2024-09-08 18:49:12 +00:00
make links responsive
This commit is contained in:
parent
ea64821d9b
commit
8355e616c0
@ -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 %}
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user