masonry-code

<div id="listing" class="">

		<?php if ( have_posts() ) : ?>

			<?php if ( is_home() && ! is_front_page() ) : ?>
				<header>
				<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
				</header>
			<?php endif; ?>

			<?php /* Start the Loop */ ?>

			<?php while ( have_posts() ) : the_post(); ?>


<article class="masonry-entry sliding-u-l-r-l" id="post-<?php the_ID(); ?>" <?php post_class(); ?> >
	<div class="masonry-inner">
	  <?php if ( has_post_thumbnail() ) : ?>
        <div class="masonry-thumbnail">
            <a href="<?php the_permalink(' ') ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail($size);

?></a>
        </div><!--.masonry-thumbnail-->
      <?php endif; ?>
        <div class="masonry-details">

            <header class="entry-header">

                <h2 class="entry-title"><a href="<?php the_permalink(); ?>" class="post-title-link"><?php

the_title(); ?></a></h2>


            </header>

            <div class="masonry-post-excerpt">
                <?php echo the_excerpt();?>
            </div><!--.masonry-post-excerpt-->

        </div><!--/.masonry-entry-details -->
	</div>
</article><!--/.masonry-entry -->

			<?php endwhile; ?>
				</div><!--/ #listing -->
			<?php the_posts_navigation(); ?>

		<?php else : ?>
			<?php get_template_part( 'template-parts/content', 'none' ); ?>
		<?php endif; ?>

<?php get_footer(); ?>