• Theory
  • Theory

First mastery challenge

Achieving Effortless Mastery

Variable practice is key to mastering something effortlessly.

That’s why, to help you apply this approach, we've put together some mastery challenges with different difficulty levels for this topic. This challenge is the first one, other challenges can be found here.

Once you complete these challenges, you'll be solving tasks twice as fast! That means you've really nailed the skill and are ready to move on to more advanced topics.

Mastery challenges are optional for finishing the chapter and are available to subscribers.

Solution

The solution to the challenge will be available in a few minutes. Use it if you encounter difficulties. In the meantime, try to complete the challenge on your own.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>HTML Document Structure, Reinforcement 1</title>
    <link rel="stylesheet" href="outlines-extra-challenge-1.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header>
      <h1>New Website</h1>
      <nav>
        <p>Menu</p>
      </nav>
    </header>
    <main>
      <section>
        <p>Content</p>
      </section>
      <aside>
        <p>Block</p>
      </aside>
    </main>
    <footer>
      <p>Information</p>
    </footer>
  </body>
</html>
  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the HTML document structure challenges in the HTML and CSS basics, you need to sign up and subscribe first.