Now it’s time to set up the webpage where your 3D site will come to life. In this milestone, you’ll build the HTML structure.

✅ What You'll Do

📄 Step 1: Add the index.html

Create or replace your index.html file with the full HTML code below. This sets up the page structure and links to your CSS and JavaScript files:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hello Cube</title>
    <link rel="stylesheet" href="style.css" />
    <script type="module" src="app.js"></script>
  </head>

  <body style="background-color: black">
    <div id="container3D"></div>
  </body>
</html>

🎉 That’s It!

You’ve completed Milestone 2! Your website is now ready to host your 3D cube. Great work.

👇 Up Next: Milestone 3

Next, we’ll set up the Three.js scene, camera, and renderer — the core pieces to display your 3D world.

Let’s keep going!