<section class="grid">
  <article class="grid-row">
    <div class="grid-cell x2">
      <h2 class="headline-1 heading">What is this project about?</h2>
      <p>
        People expect websites to work regardless of the device or browser they are using. When a site works in one browser but not another, that is most likely a web compatibility bug that we want to know about.
      </p>
    </div>
    <div class="grid-cell x1">
        <h3 class="headline-4">Join Us!</h3>
        <p>Come and join our web compat community. Discover all our channels and how you can become part of our team.</p>
        <a href="./contact" class="button button-primary">Let's chat</a>
      </div>
  </article>
</section>

<section class="grid">
  <article class="grid-row">
    <div class="grid-cell x1">
      <h3 class="headline-4">Meet the team</h3>
      <p>
        Who are the people behind the web compat project? <br /><br/>

        Find out and <a href="./contributors" title="meet the community">meet the community</a>.
      </p>
    </div>
    <aside class="grid-cell x2">
      <h2 class="headline-1 heading">What is a web compat bug?</h2>
      <p>How do I know the problem I found is a compatibility bug and not something else? Simple!</p>
      <ol>
        <li>Open the site in another browser! The problem doesn’t exist?</li>
        <li>Retry in the first one. Still there?</li>
        <li>Congratulations! You found one! 🎉 </li>
      </ol>
    </aside>
  </article>
</section>
