Putting HTML5 elements to use

It's time to practice using some of the elements we have just looked at. Let's revisit the example from Chapter 1, The Essentials of Responsive Web Design. If we compare the markup below to the original markup in Chapter 1, The Essentials of Responsive Web Design, (remember, you can download all the examples from the http://rwd.education website, or from the GitHub repo) you can see where the new elements we've looked at have been employed below.

<article>
  <header class="Header">
    <a href="/" class="LogoWrapper"><img src="img/SOC-Logo.png" alt="Scone O'Clock logo" /></a>
    <h1 class="Strap">Scones: the most resplendent of snacks</h1>

	</header>
  <section class="IntroWrapper">
    <p class="IntroText">Occasionally maligned and misunderstood; the scone is a quintessentially British classic.</p>
    <figure class="MoneyShot">
      <img class="MoneyShotImg" src="img/scones.jpg" alt...