Unit 3 · Read All About It
Stage 7 of 7
Unit 3 · Read All About It
Stage 7 of 7
Unit 3 · Stage 7
The Native Voice is finished. In this last stage you will organize your stylesheet with comments, then step back and see the whole edition you built. (pause on a highlighted word to see what it does)
Your stylesheet has grown long. Comments make it easy to find each part. A comment is a note for humans that the browser ignores, written as /* your note */.
/* ... *//* and */ is skipped by the browser, so you can label each section without changing how the page looks./* === MASTHEAD === */ and /* === HERO === */, then press ▶ Run. The look stays the same; your code just gets tidy.What do we call notes in code that the browser ignores? Type one word, then press Submit to unlock the last steps.
Masthead, hero photo with a headline layered on top, a grid of three stories, and a matching footer. You used CSS positioning, the trick that makes a page look truly designed.
Two full websites in: a profile and a newspaper. The units ahead keep building on everything you now know, adding more layout, more design, and more of your story on the web.
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 newspaper.