[main] 📝 Doc: 깃헙 페이지 수정

index.html

@@ -28,6 +28,7 @@
         <li><a href="#team">Team</a></li>
         <li><a href="#presentation">Presentation</a></li>
         <li><a href="#poster">Poster</a></li>
+				<li><a href="#demo">Demo</a></li>
       </ul>
     </nav>
     <main class="main--container">
@@ -254,8 +255,8 @@ <h1>Presentation</h1>
       <h1>Poster</h1>
       <img class="poster" src="assets/poster.svg" alt="poster" />
     </section>
-    <section class="presentation" id="presentation">
-      <h1>시연 영상</h1>
+    <section class="demo" id="demo">
+      <h1>Demo</h1>
 			<div style="text-align: center; height: 65.5vh">
 				<iframe width="100%" height="100%" src="https://www.youtube.com/embed/_8EoD0a8urQ?si=jF_fs1E3xoUcaI2N" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
     </section>

style.css

@@ -301,10 +301,13 @@ img {
 .team-container {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-	justify-content: space-between;
+	justify-content: center;
+	align-items: center;
 	width: 100%;
 	gap: 10px;
 	background-color: var(--sixth-color);
+	max-width: 990px;
+	margin: 0 auto;
 }
 
 .our-team {
@@ -316,6 +319,7 @@ img {
 	overflow: hidden;
 	position: relative;
 	width: 100%;
+	margin: 0 auto;
 }
 
 .our-team .picture {