diff --git a/index.html b/index.html index bf51bfc..e1fc090 100644 --- a/index.html +++ b/index.html @@ -9,9 +9,126 @@ + - +
+
+
+ + Spiderman +

12

+
+
+ + Capitan America +

50

+
+
+ + Wonder Woman +

60

+
+
+ + Violet +

5

+
+
+ + Shield +

90

+
+
+ + Hulk +

100

+
+
+ + Deadpool +

83

+
+
+ + Black Panther +

43

+
+
+ + Doctor Strange +

88

+
+
+ + Ant Man +

45

+
+
+
+ 5 + - + 0 +
+
+
+ + Gem Woman +

20

+
+
+ + Mask Man +

35

+
+
+ + Red Villain +

67

+
+
+ + Bee Woman +

55

+
+
+ + Thief Girl +

22

+
+
+ + Mouse Man +

13

+
+
+ + VR Girl +

71

+
+
+ + VR Girl +

71

+
+
+ + Metal man +

150

+
+
+ + Green Woman +

110

+
+
+ + Thanos +

200

+
+
+
+ - + \ No newline at end of file diff --git a/style.css b/style.css index e31018b..cce79fa 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,46 @@ .footer{ + margin-top: 100px; margin-left : 80px; font-size : 18px; } + +.container{ + display: grid; +} +.heroes{ + grid-column: 1/1; + display: grid; + grid-template-columns: auto auto auto; + gap: 10px; +} +.score{ + grid-column: 2/2; + display: flex; + gap: 10px; + justify-content: center; + font-size: 50px; + padding-top:50px; +} +.villains{ + grid-column: 3/3; + display: grid; + grid-template-columns: auto auto auto; + gap: 10px; +} +.box{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border: 2px solid rgb(172, 160, 160); + border-radius: 10px; + padding: 5px 0 0 0; +} +.points{ + margin:5px 0 5px 0; +} +.avatar{ + height:80px; + margin: 0; + padding: 0; +}