Develop

package.json

@@ -1,13 +1,13 @@
 {
   "name": "accessible-astro-starter",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": true,
   "scripts": {
     "start": "astro dev",
     "build": "astro build"
   },
   "devDependencies": {
-    "astro": "^0.19.1",
+    "astro": "^0.20.3",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0"
   }

src/layouts/DefaultLayout.astro

@@ -20,7 +20,7 @@ let subtitle = 'Accessible Astro Starter'
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600;800&display=swap" rel="stylesheet">
 
     <!-- global css -->
-    <link rel="stylesheet" type="text/css" href="/styles/globals.css">
+    <link rel="stylesheet" href={Astro.resolve('../styles/globals.css')} />
 
     <!-- open graph -->
     <meta property="og:title" content="Accessible Astro Starter">
@@ -52,14 +52,14 @@ let subtitle = 'Accessible Astro Starter'
 
 <style lang="scss">
   // sticky footer on low content pages
-  html {
+  html,
+  body {
     height: 100%;
   }
 
   body {
     display: flex;
     flex-direction: column;
-    height: 100%;
     background-color: var(--background);
 
     main { flex: 1 0 auto; }