Add link to GitHub repository

diff --git a/index.html b/index.html
index 8baaa854ebe737a1c4f1ea3c58b77c0c7630dded..66edb1e75a7868bd36bf82d3de9c793336d0c7bb 100644 (file)
--- a/index.html
+++ b/index.html
@@ -15,10 +15,34 @@
 
     header {
       display: flex;
-      justify-content: center;
+      flex-direction: column;
+      align-items: center;
       margin-inline: 8px;
     }
 
+    h1 {
+      text-align: center;
+      font-size: 1.75rem;
+      margin: 0;
+    }
+
+    a {
+      color: hsl(216deg 50% 50%);
+      font-weight: 700;
+      padding-block: 2px;
+      padding-inline: 4px;
+      border-radius: 4px;
+      text-decoration: none;
+      transition: background-color 500ms, color 800ms;
+    }
+
+    a:hover,
+    a:focus {
+      color: hsl(216deg 50% 40%);
+      background: hsl(216deg 50% 90%);
+      transition: background-color 200ms, color 200ms;
+    }
+
     main {
       inline-size: min(1080px, 100% - 16px);
       margin-inline: auto;
@@ -69,6 +93,7 @@
 <body>
   <header>
     <h1>CSS for line clamp ellipsis</h1>
+    <a href="https://github.com/ardislu/css-for-line-clamp-ellipsis">GitHub</a>
   </header>
 
   <main>