JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-sm-4">                                
          <h2 class="special-project-title">the_title()</h2> <br/>
         <div class="post-meta special-project-meta">mida_post_meta()</div><br/>
         <a class="more-link spaciel-project-more" href="<?php echo the_permalink() ?>"> __('Read More', 'mida')</a><br/>                              
          <h2 class="special-project-title">the_title()</h2> <br/>
         <div class="post-meta special-project-meta">mida_post_meta()</div><br/>
         <a class="more-link spaciel-project-more" href="<?php echo the_permalink() ?>"> __('Read More', 'mida')</a><br/>                              
          <h2 class="special-project-title">the_title()</h2> <br/>
         <div class="post-meta special-project-meta">mida_post_meta()</div><br/>
         <a class="more-link spaciel-project-more" href="<?php echo the_permalink() ?>"> __('Read More', 'mida')</a><br/>
</div>

CSS

.spaciel-project-more{
    border-bottom: 1px solid black;
    margin-top: -15px;
    margin-bottom: -15px;
    padding-bottom: 15px;
}

.spaciel-project-more:last-of-type {
  border-bottom: 0;
}