My issue with the WordPress loop is that the posts are displaying oddly. Originally, when I had 3 posts, they appeared inline as expected. However, now that I have 5 posts, they are showing up in a strange way (refer to the image linked below). The arrow indicates how I want the posts to be displayed.
Below is the HTML and PHP code for the page:
<div class="container">
<div class="row">
<?php
$args1 = array( 'post_type' => array('case_studies'), 'order' => 'DESC', 'posts_per_page' => 30, 'orderby' => 'date' );
$loop = new WP_Query( $args1 );
while ( $loop->have_posts() ) {
$loop->the_post();
$feat_image = wp_get_attachment_url( get_post_thumbnail_id($loop->ID));
?>
<div class="col-sm-4">
<a href="<?php the_permalink() ?>" class="blog_blocks">
<div class="b_image">
<img src="<?php echo get_the_post_thumbnail_url(); ?>"/>
</div>
<div class="b_h_sec">
<h2><?php the_title(); ?></h2>
<p><?php echo wp_strip_all_tags( get_the_excerpt(), true ); ?></p>
<span class="r_m">Read More</span>
</div>
</a>
</div>
<?php } ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
You can view the actual page here. Maybe inspecting the CSS in Chrome tools will provide some insight.
Thank you :)