Update index.html

index.html

@@ -7,18 +7,21 @@
   html, body {
     margin:0; padding:0;
     width:100vw; height:100vh;
-    overflow:hidden; /* 화면에 딱 맞게 표시하고 스크롤 안 나오도록 함 */
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    background:#000; /* 배경색(옵션) */
+    overflow:hidden;
   }
 
   .grid-container {
     display: grid;
-    width: 100vw;
-    height: 100vh;
-    /* 가로방향: 이미지(1fr), 영상(2fr), 이미지(1fr), 영상(2fr) */
+    /* 원래 화면을 가득 채우던 것에서 70% 크기로 축소 */
+    width: 70vw;
+    height: 70vh;
     grid-template-columns: 1fr 2fr 1fr 2fr;
-    /* 세로방향: 5행 균등 분할 */
     grid-template-rows: repeat(5, 1fr);
-    gap: 0; /* 여백 제거 */
+    gap: 0;
   }
 
   img, video {