How to add hyperlink to the Featured Thumbnails

I want to add hyperlink to my featured thumbnails on the homepage. This is my homepage: https://www.optionsinfinite.com/
From WordPress guide i found this code:

<?php if ( has_post_thumbnail() ) : ?>
	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
	<?php the_post_thumbnail(); ?>
	</a>
<?php endif; ?>

But when I inserted this code in my file, thumbnails became hyperlinked but it changed the arrangement. So, how to add above code in proper manner in the file to make make thumbnails hyperlinked without changing the arrangement.

Please find the code from my file:

<div class="<?php echo $service_class; ?>">
    <div class="service-item clearfix">
      <?php
							if ( has_post_thumbnail() ) {
								echo'<div class="service-icon">'.get_the_post_thumbnail( $post->ID, 'icon' ).'</div>';
							}
							?>
      <h3 class="service-title"><?php echo $page_title; ?></h3>
    </div>
    <!-- .service-item -->
    <article>
      <?php the_excerpt(); ?>
    </article>
    <a class="more-link" title="<?php the_title_attribute(); ?>" href="<?php the_permalink(); ?>">
    <?php _e( 'Read more','interface' ); ?>
    </a> </div>
  <!-- .one-fourth -->
  <?php $j++; ?>
  <?php endwhile;
		 		// Reset Post Data
	 			wp_reset_query();
	 			?>
</div>
<!-- .column -->
<?php echo $after_widget;
 		}
 	}