Lil Regie's front-end workshop


Menu link

For links in the headers and footers, we strip the default styling off, and also make the element easier to click.

Example

0 375 640 768 1024

Open in a new window

Code sample

1
2
3
4
5
<nav>
  <a href="#/">
    Home
  </a>
</nav>

Usage notes

  • If you want to link to an external URL, don’t forget to use the rel="noopener"` attribute.

  • See Site header and Site footer for context

  • This element has extra padding applied, so it uses negative margins to counteract that.

Source files