Lesson 7 of 7

Project: your complete fan page

Time to assemble the whole chapter into a real page: skeleton, title, menu, aligned cards and footer.

Take time to polish the texts — it's YOUR page, show what you love!

<header>…</header>
<main>
  <div class="row">…</div>
</main>
<footer>…</footer>

🎯 Your mission

Build the complete fan page: a <header> with an <h1> and a <nav> of at least 2 links; a <main> with a <div class="row"> in display: flex holding at least 3 <div class="card"> (each with an <h2> and a <p>); the cards styled with a border; and a <footer>.

PRO lesson

This advanced chapter is part of CodeAge PRO. Unlock it to keep your adventure going.

Discover PRO →

🏗️Project: your complete fan page

PRO lesson

Project: your complete fan page