fix: mobile layout for event cards

This commit is contained in:
Shivam Mishra
2019-08-13 19:50:12 +05:30
parent 8c7731f6b5
commit a3283c8499

View File

@@ -31,10 +31,10 @@
<a href="{{ link }}" class="card mb-5 no-border">
<div class="row">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<div class="h-100" style='background: url("{{ image }}"); background-size: cover; background-position: center center;'></div>
<div class="h-100" style='background: url("{{ image }}"); background-size: cover; background-position: center center; min-height: 10rem;'></div>
</div>
<div class="col-xs-12 col-sm-7">
<div class="card-body pl-0 py-4">
<div class="card-body pl-4 pl-md-0 pt-0 pt-md-4 py-md-4">
<h4>{{ title }}</h4>
<p>{{ body }}</p>
<p class="small mt-3 mb-0 font-weight-bold text-uppercase">{{ footer }}</p>