feat(tag): better link to page

scss/main.scss

@@ -162,12 +162,13 @@ h4 {
   --background: #000;
   --background-hover: var(--background);
 
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
   margin-top: 2rem;
   width: 100%;
   gap: 1rem;
   @media only screen and (max-width: vars.$bp-little) {
-    flex-direction: column;
+    grid-template-columns: 1fr;
     gap: 0.5rem;
     align-items: center;
   }
@@ -175,7 +176,7 @@ h4 {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 33%;
+    width: 100%;
     box-shadow: 0 0 50px -20px rgba(0,0,0,0.75);
     border-radius: 16px;
     background: var(--background);

templates/page/index.gohtml

@@ -11,7 +11,6 @@
         </div>
         <p class="description">
             {{ .Description }}
-            <a href="/tags">More information...</a>
         </p>
         <div class="links">
             {{ range $link := .Links }}
@@ -19,6 +18,9 @@
                 <a href="{{ .Link }}" style="{{ .GetLinkColor }}">{{ .Content }}</a>
             </div>
             {{ end }}
+            <div class="link" style="--background: #000;--background-hover: #333;">
+                <a href="/tags" style="--text-color: #ddd;--text-color-hover: #fff;">Tags</a>
+            </div>
         </div>
     </main>
 {{end}}