Merge branch 'all-about-aiss' of github.com:ctc-uci/ctc-bootcamp-3-fr…

…ontend into all-about-aiss

src/views/SingleMemberInfo/SingleMember.css

@@ -0,0 +1,27 @@
+/* Container styles */
+div {
+    max-width: 600px;
+    margin: 0 auto;
+    padding: 20px;
+    border: 1px solid #ddd; /* Add border to the container */
+    border-radius: 8px;    /* Optional: Add border-radius for rounded corners */
+  }
+
+  /* Heading styles */
+  h1 {
+    color: #333;
+  }
+
+  /* Member information styles */
+  p {
+    margin: 10px 0;
+    color: #555;
+    border-bottom: 1px solid #ddd; /* Add a bottom border to separate member information */
+  }
+
+  /* Loading message styles */
+  p.loading {
+    color: #888;
+    font-style: italic;
+  }
+

src/views/SingleMemberInfo/SingleMember.jsx

@@ -1,6 +1,8 @@
 import { useState, useEffect } from 'react';
 import axios from 'axios';
 import { useParams } from 'react-router-dom'; // Import useParams
+import './SingleMember.css';
+
 
 function SingleMember() {
   // Use useParams to get the memberId from the route parameters