diff --git a/images/Heart_SVG.png b/images/Heart_SVG.png new file mode 100644 index 0000000..60a40b9 Binary files /dev/null and b/images/Heart_SVG.png differ diff --git a/index.html b/index.html index bf51bfc..69c0409 100644 --- a/index.html +++ b/index.html @@ -10,8 +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..2fbf473 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,30 @@ +.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;