CodeDaddyBuilding: Barangay Service Hierarchy

Project workspace

Barangay Service Hierarchy

Step 1 of 6

Barangay Service Hierarchy0 of 180 steps in this course

A new idea before you use itvisual hierarchy

Visual hierarchy makes the most important information easiest to notice first.

A familiar way to picture it

A market sign shows the stall name large, then prices smaller, so buyers know where to look.

Same-size content
Rank by importance
Clear reading order

You will make the page title lead the reader's eye.

Current Task

Make the main heading lead the reading order.

Take your time with this step

Take this one change at a time. Look for the file and line named in the instruction, make the requested edit, then press Run. If a check does not pass yet, use its message to decide what to inspect before changing anything else.

What the checker will look for

These checks are clues, not a score. After you press Run, read the first unfinished check slowly, compare it with your code, and make one thoughtful change before trying again.

The heading leads the page

Run your code first. If a check needs work, CodeDaddy will guide you from the check to the file, then to an authored hint.

<main class="page"><article class="panel"><p class="eyebrow">Public service</p><h1 class="title">Barangay Service Hierarchy</h1><p class="copy">Find the information you need and complete one clear task.</p><p class="support">Open weekdays from 8:00 AM to 5:00 PM.</p><a class="action" href="#next">Continue</a></article></main>

Live Preview

Saved

Progress: 0%

Ready. Make one change, then run the checks.