diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..2f7efbe --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-minimal \ No newline at end of file diff --git a/index.html b/index.html index bf51bfc..8c86ebb 100644 --- a/index.html +++ b/index.html @@ -6,12 +6,46 @@ Super Wars - + +
+
+
+
+
+
Spiderman
+
12
+
+
+
+
Captain America
+
7
+
+
- + +
+
15
+
-
+
1
+
+ +
+
+
+
Thor
+
11
+
+
+
+
Fem-thor
+
14
+
+
+ +
diff --git a/style.css b/style.css index e31018b..94116f1 100644 --- a/style.css +++ b/style.css @@ -1,4 +1,37 @@ -.footer{ - margin-left : 80px; - font-size : 18px; -} + +.wrapper{ + display: grid; + grid-template-columns: repeat(1,1fr 0.5fr 1fr); + grid-auto-rows: minmax(200px,auto); + grid-column-gap: 10px; + +} +#one{ + justify-content: flex-end; + display: flex; + text-align: center; + +} +#three{ + text-align: center; + justify-content: flex-start; + display: flex; + +} +.heros,.villans{ + margin: 5px; + border: 2px solid #D4D4D4; + border-radius: 10px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); +} +.Scores{ + display: flex; + text-align: center; + font-size: 40px; + font-weight: bold; + justify-content: center; + +} +.Rank{ + font-size: xx-large; +}