diff --git a/layouts/partials/solution.html b/layouts/partials/solution.html
index 21dbe2f..a5f53ad 100644
--- a/layouts/partials/solution.html
+++ b/layouts/partials/solution.html
@@ -1,6 +1,6 @@
-<div class="solution-box">
+<a class="solution-box" href="https://album.solutions/guide?catalog_url=https://gitlab.com/album-app/catalogs/image-challenges&catalog_name=image-challenges&group={{.group}}&name={{.name}}&version={{.version}}">
   {{- $solutionCover := printf "%s/-/raw/%s-%s-%s/solutions/%s/%s/%s" .catalogUrl .group .name .version .group .name (index (index .covers 0) "source") -}}
-  <div class="preview" onclick="toggleMetadata('{{ .name | urlize }}')">
+  <div class="preview">
     <h3>{{.title}}</h3>
     <div class="subtitle"><code>{{ .group }}:{{ .name }}:{{ .version }}</code></div>
     <p class="description">{{ .description }}<br/>
@@ -50,4 +50,4 @@ <h3>{{.title}}</h3>
       </div>
     </div>
   </div>
-</div>
+</a>
diff --git a/static/css/main.css b/static/css/main.css
index cd919f8..22c457d 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -761,4 +761,8 @@ figure.center {
     float: right;
     max-width: 200px;
     justify-self: flex-end;
+}
+
+.solution-box, .solution-box:hover {
+    color: black;
 }
\ No newline at end of file