fix sizing of interview pic

Author: hathix

index.html

@@ -56,21 +56,22 @@ <h2 class="">About</h2>
     <div class="row resource-row justify-column-center">
       {% for step in site.data.job_hunt_steps %}
       <div class="col-lg-3 col-sm-6 col-12 d-flex align-items-stretch">
-        <a href="{{ step.url}}">
+
           <div class="card resource-card">
             <img class="card-img-top" src="{{site.baseurl}}/assets/img/resources/{{ step.image }}" alt="{{ step.name }}">
             <div class="card-body">
               <h5 class="card-title">{{ step.name }}</h5>
+              <a href="{{ step.url }}" class="btn btn-primary btn-block" target="_blank">Read More</a>
             </div>
           </div>
-        </a>
       </div>
       {% endfor %}
     </div>
   </div>
 </section>
 
-<section class="section">
+<!-- the carousel is broken on tiny screens so don't even bother -->
+<section class="section d-none d-sm-block">
   <div class="container">
 
     <h2 class="">Success Stories</h2>
@@ -94,7 +95,7 @@ <h2 class="">Success Stories</h2>
         {% endif %}
         <div class="carousel-item {{ active_class }}">
           <img class="d-block w-100" src="{{ site.baseurl }}/assets/img/testimonials/{{ testimonial.image }}" alt="{{ testimonial.name }}">
-          <div class="carousel-caption d-none d-sm-block carousel-caption-shadowed">
+          <div class="carousel-caption carousel-caption-shadowed">
 
             <p>"{{ testimonial.quote }}"</p>
             <h5>— {{ testimonial.name }}</h5>