Блочная верстка

  @foreach ($tasks as $task)
         <div class="container">
<div class="row">
     <div class="col-xs-6 col-sm-4 col-md-6">
 
          <div class="card mb-4 shadow-sm">
            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
            <div class="card-body">
              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                </div>
                <small class="text-muted"> {{ $task->email }}</small>
              </div>
            </div>
          </div>
        </div>
</div>
        </div>
   
 
        @endforeach

  <div class="container">
<div class="row">
     <div class="col-xs-6 col-sm-4 col-md-6">