loop.php

<?php if (have_posts()): while (have_posts()) : the_post(); ?>
	<div class="column padding--small flex flex--direction-column flex--grow margin--bottom-default">
		<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" class=""><h4 class="margin--bottom-tiny"><?php the_title(); ?></h4></a>

		<?php
		$categories = get_the_category();
		if ( ! empty( $categories ) ) {
			echo '<h5 class="text--grey">&#187; ';
			echo esc_html( $categories[0]->name );
			echo '</h5>';
		}
		?>

		<?php if ( has_post_thumbnail()) : // Check if Thumbnail exists ?>
			<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" class="bg--color-blue"><?php the_post_thumbnail('pattern__thumbnail', ['class' => 'ui__thumbnail  transition--scale-down', 'title' => 'Feature image']); // Fullsize image for the single post ?></a>
		<?php endif; ?>
		<?php $meta = get_post_meta(get_the_ID(), '_yoast_wpseo_metadesc', true); ?>
		<?php if($meta) {?>
			<p class="margin--top-default"><?php echo $meta;?></p>
		<?php } ?>
		<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" class="text--orange text--chevron text--small text--bold">Read more </a>

		<hr class="hr hr--grey-light margin--top-small">
	</div>
<?php endwhile; ?>

<?php else: ?>

	<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>

<?php endif; ?>