make links responsive
This commit is contained in:
		@@ -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 {
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user