Learn to Create WordPress Themes by Building 5 Projects

Wrapping the post in an article tag

Let's wrap the post in an <article> tag:

1. Right inside the while loop, we'll add <article>, give it a class of post, and end that just after we end </div>:

      <article class="post">         <div class="row">            <?php if(has_post_thumbnail()): ?>               <div class="col-md-3">                  <div class="post-thumbnail">                  <?php the_post_thumbnail(); ?>                  </div>               </div>               <div class="col-md-9">                  <h2><?php echo the_title(); ?></h2>               </div>          <?php else : ?>             <div class="col-md-12">             </div>          <?php endif; ?>      </div>      </article>

2. Now, open the style.css file and add article.post img. We'll set width to 100%. It's going to be 100% of its container. We'll also set height to auto and let's use margin-top:30px.

      article.post img{          width:100%;          height:auto; margin-top:30px; ...