From 18e6a1c7119871b240e22cd9709c40a070a7bbc2 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 28 Dec 2018 00:15:13 +0000
Subject: [PATCH] Make skip link work

---
 src/components/SkipLink.vue | 2 +-
 src/components/Welcome.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SkipLink.vue b/src/components/SkipLink.vue
index c72b54b..b20ce55 100644
--- a/src/components/SkipLink.vue
+++ b/src/components/SkipLink.vue
@@ -1,5 +1,5 @@
 <template>
   <div>
-    <a href="#0" class="skip-link text-white bg-black-60 py-1 px-2 rounded-b-lg focus:no-underline focus:outline-none">Skip to main content</a>
+    <a href="#main-content" class="skip-link text-white bg-black-60 py-1 px-2 rounded-b-lg focus:no-underline focus:outline-none">Skip to main content</a>
   </div>
 </template>
diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index bf9a91a..76ab0a1 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -21,7 +21,7 @@
       <main-menu></main-menu>
     </div>
 
-    <div class="bg-white pt-3 pb-4 lg:pb-12">
+    <div id="main-content" class="bg-white pt-3 pb-4 lg:pb-12">
       <div class="container mx-auto px-4">
         <div class="flex flex-col md:flex-row-reverse md:-mx-8 my-6">
           <div id="main" class="w-full md:w-auto md:flex-1 md:px-6 mb-8 md:mb-0">