diff --git a/17-results-summary-component-go/main.go b/17-results-summary-component-go/main.go
index 6e98b50..faeb693 100644
--- a/17-results-summary-component-go/main.go
+++ b/17-results-summary-component-go/main.go
@@ -60,7 +60,7 @@ func main() {
 	// main page with results summary
 	http.HandleFunc("/", func(w http.ResponseWriter, req *http.Request) {
 		templateName := "templates/summary-component.gohtml"
-		tmpl := template.Must(template.ParseFS(templates, templateName))
+		tmpl := template.Must(template.ParseFS(templates, "templates/index.gohtml", templateName))
 		if err := tmpl.Execute(w, resultsData); err != nil {
 			http.Error(w, err.Error(), http.StatusInternalServerError)
 		}
diff --git a/17-results-summary-component-go/public/out.css b/17-results-summary-component-go/public/out.css
index 1811410..6b43f3e 100644
--- a/17-results-summary-component-go/public/out.css
+++ b/17-results-summary-component-go/public/out.css
@@ -540,6 +540,10 @@ video {
   bottom: 0.25rem;
 }
 
+.block {
+  display: block;
+}
+
 .flex {
   display: flex;
 }
diff --git a/17-results-summary-component-go/templates/index.gohtml b/17-results-summary-component-go/templates/index.gohtml
new file mode 100644
index 0000000..60a8726
--- /dev/null
+++ b/17-results-summary-component-go/templates/index.gohtml
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- displays site properly based on user's device -->
+
+    <link
+      rel="stylesheet"
+      href="static/public/out.css"
+      type="text/css"
+      media="screen"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="static/public/images/favicon-32x32.png"
+    />
+
+    <title>Frontend Mentor | Results summary component</title>
+
+    <!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
+    <style>
+      .attribution {
+        font-size: 11px;
+        text-align: center;
+      }
+      .attribution a {
+        color: hsl(228, 45%, 44%);
+      }
+    </style>
+  </head>
+  <body>
+    <main class="grid place-items-center w-screen h-screen">
+      {{ template "results-summary-component" . }}
+    </main>
+    <footer class="fixed inset-x-0 bottom-1 attribution">
+      Challenge by
+      <a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
+        >Frontend Mentor</a
+      >. Coded by <a href="#">Your Name Here</a>.
+    </footer>
+  </body>
+</html>
diff --git a/17-results-summary-component-go/templates/summary-component.gohtml b/17-results-summary-component-go/templates/summary-component.gohtml
index bbb46f5..94b79ed 100644
--- a/17-results-summary-component-go/templates/summary-component.gohtml
+++ b/17-results-summary-component-go/templates/summary-component.gohtml
@@ -18,7 +18,7 @@
       href="static/public/images/favicon-32x32.png"
     />
 
-    <title>Frontend Mentor | Results summary component</title>
+    <title>THIS IS FILE FOR THE COMPONENT</title>
 
     <!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
     <style>
@@ -33,6 +33,8 @@
   </head>
   <body>
     <main class="grid place-items-center w-screen h-screen">
+      {{/* only things inside of block component are used, yay */}}
+      {{ block "results-summary-component" . }}
       <article
         class="flex flex-col w-full h-full md:flex-row md:bg-white md:rounded-3xl md:shadow-2xl md:shadow-light-lavender/50 md:w-[715px] md:h-[500px]"
       >
@@ -46,14 +48,16 @@
           <div
             class="flex flex-col justify-center items-center w-32 h-32 bg-gradient-to-t rounded-full md:w-44 md:h-44 from-violet-blue/60 to-persian-blue/75"
           >
-            <span class="text-5xl font-extrabold md:text-6xl">{{ .TotalScore }}</span>
+            <span class="text-5xl font-extrabold md:text-6xl"
+              >{{ .TotalScore }}</span
+            >
             <span class="text-pale-blue"> of 100 </span>
           </div>
           <div class="flex flex-col gap-y-3 items-center">
             <h2 class="text-xl font-bold md:text-2xl">Great</h2>
             <p class="text-sm text-center md:text-base text-pale-blue">
-              You scored higher than {{ .UpperPercent }}% of the people who have taken these
-              tests.
+              You scored higher than {{ .UpperPercent }}% of the people who have
+              taken these tests.
             </p>
           </div>
         </section>
@@ -88,6 +92,7 @@
           </a>
         </section>
       </article>
+      {{ end }}
     </main>
     <footer class="fixed inset-x-0 bottom-1 attribution">
       Challenge by
