Skip link (Bypass blocks) code

skip_link.html

<style>
  .skip a{
  position:absolute;
  left:10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  font-size:2em;
  background:white;
  font-weight: bold;
  display:block;
  padding:10px;
}

.skip a:focus{
  position:static;
  width:auto;
  height:auto;
}

</style>

<div class="skip"><a href="#content">Skip to Main Content</a></div>
<main id="content">
  // main content 
</main>

Thank you! Accessibility is a topic I need to understand better and your Udemy course has been very helpful.

Thank you so much Michael! Feel free to ask any questions you might have :)