diff --git a/index.html b/index.html index bf51bfc..8eda011 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,36 @@ - + +
+
+
+
+

Spiderman

+

12

+
+
+
+

Wonder Woman

+

30

+
+
+
+

5-0

+
+
+
+
+

Captain America

+

50

+
+
+
+

Gem Woman

+

12

+
+
+
diff --git a/style.css b/style.css index e31018b..76f831d 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,31 @@ -.footer{ - margin-left : 80px; - font-size : 18px; +.grid-container { + display: grid; + grid-template-columns: auto auto auto; + padding: 10px; + margin: 10%; + margin-top: 0%; } + +.grid-item { + background-color: rgb(255, 255, 255); + padding: 20px; + font-size: 30px; + text-align: center; +} + +.grid-item1 { + display: inline-grid; + justify-content: space-evenly; + background-color: rgb(255, 255, 255); + box-shadow: 2px 5px 10px rgba(68, 67, 67, 0.795); + border-radius: 15px; + padding: 20px; + font-size: 20px; + text-align: center; + line-height: 5px; +} + +.footer { + margin-left: 80px; + font-size: 18px; +} \ No newline at end of file