JSFiddle - React, Tailwind, and code Playground

by David Sch

HTML

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="col-12 col-md-6 col-lg-6 mx-lg-auto col-xl-6">
     <a href="http://www.google.com" class="card card--industry mb-4 text-decoration-none">
             <div class="row no-gutters">
                <div class="col-md-4">
                abc
                </div>
                <div class="col-md-8">
                   <div class="card-body">
                       <h3 class="card-title">{!! $industry->link !!}</h3>
                       <div class="card-text">
abc                       </div>
                       <a href="{{ $industry->url }}" class="card-link d-block mt-4">Read more</a>
                   </div>
                </div>
            </div>
     </a>
</div>