diff --git a/index.html b/index.html index bf51bfc..8d20872 100644 --- a/index.html +++ b/index.html @@ -6,12 +6,36 @@ Super Wars - + + +
+
+

+
Captain America
+

12

+
+

+
Dr. Strange
+

30

+
+
+

5-0

+
+

+
Thanos
+

50

+
+

+
Gem Woman
+

12

+
+
+ + +
+ - - - diff --git a/style.css b/style.css index e31018b..db6ba93 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,39 @@ -.footer{ - margin-left : 80px; - font-size : 18px; +body { + display: flex; + height: calc(100vh - 16px); + justify-content: center; + align-items: center; +} +.footer { + margin-top: 50px; + font-size: 18px; +} +h1 { + text-align: center; + font-size: 50px; +} +.container { + display: grid; + height: 50px; + grid-template-columns: 170px 170px 300px 170px 170px; + grid-gap: 20px; + height: 100%; +} +.child { + font-size: 20px; + text-align: center; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + border-radius: 15px; +} +.numbers { + margin-top: -2px; + font-size: 40px; +} +.gap { + grid-column-gap: 420px; +} +.mainCont { + display: flex; + flex-direction: column; + align-items: center; }