updated a3 task

Author: DannyW618

index.html

@@ -125,6 +125,23 @@ <h2 class="card-title">VibeCoding Tutorial</h2>
                         </div>
                     </div>
                 </article>
+
+                <!-- Card 3: A3: Personalised Agent -->
+                <article class="card">
+                    <div style="text-align: left;">
+                        <h2 class="card-title">A3: Personalised Agent</h2>
+                        <p class="card-desc">
+                            Build an intelligent agent backed by your own multimodal knowledge base. Utilise LangGraph
+                            and Large Language Models (LLMs) to produce reliable, grounded, and domain-specific answers.
+                        </p>
+                        <div class="button-group">
+                            <a href="https://infs4205-7205.github.io/A3-Personalised-Multimodal-Chatbot/"
+                                class="btn btn-primary" target="_blank" rel="noopener noreferrer">
+                                View Task Sheet
+                            </a>
+                        </div>
+                    </div>
+                </article>
             </div>
 
             <!-- Team Section -->

styles.css

@@ -228,6 +228,12 @@ a {
     .card-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
+    
+    .card-grid > .card:last-child:nth-child(odd) {
+        grid-column: 1 / -1;
+        justify-self: center;
+        width: calc(50% - 0.75rem);
+    }
 }
 
 .card {