Page landmarks in HTML & CSS
HTML & CSS interview exercise on Semantic HTML, difficulty 1 of 3. Solve it in the editor beside a worked example, or cold in Interview mode with the example hidden; the tests run the moment you do.
Lay out a whole page with the landmark elements: a header holding the site name and a nav with three links (Docs, Pricing, Sign in), a main region with an h1 and a paragraph, an aside with a short note, and a footer. The styles are written for those elements, so divs with class names will render plain.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Interview mode hides the example: solve it from memory, without the hint or the solution, and it counts as solved cold. Progress is saved in your browser, and in your account if you sign in.