The repair café needs a compact volunteer profile beside its schedule. Turn the empty starter into one clear card: a named main region, a short description, and repeatable skill tags. The preview should make all three pieces easy to spot.
A profile card with a unique id on its <main> container, a heading and description inside, and at least two reusable tag class elements for skill labels.
<main> names the page's central content; you will study semantic landmarks in detail later. Here it lets one profile have a unique id, while the repeated skill labels share a class. Unlike a div, the main landmark also tells readers what part of the document is primary. Keep just one <main> on this page.
Run the starter: it is empty except for a source comment. After your edits you should see a profile heading, a description, and two skill tags. The class names will not make the tags look different until you add CSS later.
<main> element with id="profile".<h1> with the volunteer’s name.<p> describing their role inside the profile.class="tag".The schedule now has a focused volunteer profile with a unique page landmark and reusable skill labels.
Use a main container, then give it a unique id and reusable class.