In-class Exercises

CSS

1. Let's make the link in the legend blend in better with the rest of it. We'll add top margin to the link to make space between it and the legend, then make the font a bit smaller. In the legend, update our current link:

   <p>
       Data from <a href="https://data.cityofnewyork.us/Recreation/Parks-Properties/enfh-gkve">NYC Open Data portal</a>
   </p>

   with this:

   <p style="margin-top: 20px; font-size: 10px;">
       Data from <a href="https://data.cityofnewyork.us/Recreation/Parks-Properties/enfh-gkve">NYC Open Data portal</a>
   </p>

2. You may want to change more font styles, too. Try adding a style to the link, ending up with this:

   <p style="margin-top: 20px; font-size: 10px;">
       Data from <a href="https://data.cityofnewyork.us/Recreation/Parks-Properties/enfh-gkve" style="color: #820575; font-weight: bold;">NYC Open Data portal</a>
   </p>

   Feel free to try a different color.