diff --git a/index.html b/index.html
index bf51bfc..b0ef24c 100644
--- a/index.html
+++ b/index.html
@@ -3,15 +3,38 @@
 
 <head>
     <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Super Wars</title>
+    <title>SuperWars</title>
     <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
-    
-    <footer class="footer">Made with <img src="/images/Vector.svg"> by ProGrad</footer>
+
+    <div class="grid-container">
+        <div class="grid-item">
+            <p><img src="images/super-1.png" alt=""></p>
+            <p class="names">Spiderman<div class="score">12</div></p>
+        </div>
+        <div></div><div></div>
+        <div class="grid-item">
+            <p><img src="images/super-2.png" alt=""></p>
+            <p class="names">Wonder<br>Women<div class="score">30</div></p>
+        </div>
+       
+        <span id="score">5 - 0</span>
+
+        <div class="grid-item">
+            <p><img src="images/super-3.png" alt=""></p>
+            <p class="names">Captain<br>America<div class="score">50</div></p>
+        </div>
+        <div></div><div></div>
+        <div class="grid-item">
+            <p><img src="images/super-4.png" alt=""></p>
+            <p class="names">Gem Women<div class="score">12</div></p>
+        </div>
+    </div>
+
 </body>
 
 </html>
diff --git a/style.css b/style.css
index e31018b..df71f97 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,26 @@
-.footer{
-  margin-left : 80px;
-  font-size : 18px;
+.grid-container {
+    display: grid;
+    grid-column-gap: 10px;
+    grid-template-columns: auto auto;
+    display: flex;
+    justify-content: center;
+  }
+
+.grid-item{
+    text-align: center;
+    border: solid 1px rgb(119, 114, 114);
+    border-radius: 5px;
+}
+.score{
+    font-size: 50px;
+    font-weight: bold;
+    font-family: 'Courier New', Courier, monospace;
+}
+.names{
+    font-size: 17px;
+}
+#score{
+    margin-left: 50px;
+    margin-right: 50px;
+    font-size: 40px;
 }
