related custom post types

related posts by type

function bb_create_shortcode_insight_post_type(){

$args = array(
                'post_type'      => 'insight',
                'posts_per_page' => '4',
                'publish_status' => 'published',
             );

$query = new WP_Query($args);

if($query->have_posts()) :

    while($query->have_posts()) :

        $query->the_post() ;
    $result .= '';              
    $result .= '<div class="insight-item">';
    $result .= '<div class="insight-poster">' . get_the_post_thumbnail() . '</div>';
    $result .= '<div class="insight-name"><a href="' . get_the_permalink() . '">' . get_the_title() . '</a></div>';
    $result .= '<div class="insight-desc">' . get_the_excerpt() . '</div>'; 
    $result .= '</div>';

    endwhile;

    wp_reset_postdata();

endif;    

return $result;            
}

add_shortcode( 'insights-list', 'bb_create_shortcode_insight_post_type' ); 

related posts for CPT

.insight-item{
    width: 100%;
    margin: 0px auto;    
    clear: both;
    margin-bottom: 20px; 
    overflow: auto;
    padding: 30px;  
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    margin: 10px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   }
    
   .insight-poster{
   width: 160px;
   float: left;
   margin-right: 25px; 
   background-color: #ffffff;
   }
    
   .insight-poster img {
   width: 200px;
   border-radius: 20px;
   height: 100px;
   border: 4px solid #47A6DB;
   }
    
   .insight-name {
   font-size: 18px;
   color: #47A6DB;
   font-weight: 700;
   padding-top: 30px;
   width: 200px;
   }
   .insight-desc {
       width: 200px;
   }

   .wp-block-column.latest-insights-col {
       display: flex;
   }