StarterAnimals

Build the Zoo Sign

HTML tags are the building blocks — add the missing ones.

Goal: Add an h2, a p and a ul with li items so the sign is complete.

Auto run

Your goals

0 of 3 done

Add an <h2> subtitle under the big titlenot completed yet
Add a <p> paragraph telling visitors about the zoonot completed yet
Add a <ul> list with at least one <li> animal in itnot completed yet

index.htmlhtml

<div class="sign">
  <h1>Sunny Hill Zoo</h1>
  <!-- Add an <h2> here -->

  <!-- Add a <p> here -->

  <!-- Add a <ul> with <li> animals here -->
</div>

style.csscss

.sign {
  padding: 20px;
  border-radius: 20px;
  border: 6px solid goldenrod;
  background-color: cornsilk;
  font-family: system-ui, sans-serif;
}

h1 { color: darkorange; margin: 0 0 8px; }

/* These rules are ready and waiting for your tags */
h2 { color: seagreen; margin: 0 0 8px; }
p { color: saddlebrown; }
ul li { color: mediumvioletred; font-weight: bold; }

preview

Up next

Panda Patches

Next activity →