Unit 2 · Stage 7

Your Complete Profile

This is it. Your profile is complete. In this last stage you will organize your CSS with comments, then step back and see what you built. (pause on a highlighted word to see what it does)

1 Comments keep code clear

As a stylesheet grows, comments help you find your way. A comment is a note for humans that the browser ignores. In CSS it looks like /* your note */.

What this code means

/* ... */: Anything between /* and */ is a comment. The browser skips it, so you can label each section of your CSS without changing how the page looks.

🎮 Try it: add a comment line above each group of rules, like /* === HEADER === */ above your header styles, then press ▶ Run. The look stays the same; your code just gets tidy.

🤔 Quick check before you go on

What do we call notes in code that the browser ignores? Type one word, then press Submit to unlock the last steps.

2 Look what you built

Scroll your preview from top to bottom: a styled header, a row of cards with images, readable text, a signature, soft shadows, and a footer. You built a real web page from an empty style tag.

🌟 You did it: you proved that Native youth belong in tech. This page carries your name in a field where less than 1% of workers are Native. You are changing that number.

3 What is next

In Unit 3, Read All About It, you will build longer pages with articles and news, and share the stories that matter to your community.

✓ Finish this stage

To complete Stage 7, add at least two section comments to organize your CSS. Press Check my work when you are ready. This finishes the build stages and lets your teacher see that you completed your profile.

YOUR CODE

PREVIEW