diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index b1fe52e..bdfbeaf 100644 --- a/CONTRIBUTORS.md +++ b/CONTRIBUTORS.md @@ -281,5 +281,9 @@ [@RedNoodle325](https://github.com/RedNoodle325) [@bunnyBites](https://github.com/bunnyBites) --[@Vigneshwaar](https://github.com/V6g1) + +[@Vigneshwaar](https://github.com/V6g1) + [@proton029](https://github.com/proton029) + +[@SoilihBenSoilih](https://github.com/SoilihBenSoilih) diff --git a/soilih/space-invadors/index.html b/soilih/space-invadors/index.html new file mode 100644 index 0000000..78eeeb2 --- /dev/null +++ b/soilih/space-invadors/index.html @@ -0,0 +1,31 @@ + + + + + + + Challenge-1 + + + +
+
+ + + \ No newline at end of file diff --git a/soilih/space-invadors/style.css b/soilih/space-invadors/style.css new file mode 100644 index 0000000..8a8e877 --- /dev/null +++ b/soilih/space-invadors/style.css @@ -0,0 +1,44 @@ +* { + margin: 0; + padding: 0; + background-color: #f5f5dc; +} + +.container { + position: absolute; + top: 50%; + right: 50%; + margin-right: -200px; + margin-top: -200px; + height: 400px; + width: 400px; + display: grid; + grid-template-columns: repeat(20, 20px); + grid-auto-rows: repeat(20, 20px); +} + +.container > div { + border: none; +} + +input[type="checkbox"]{ + height: 100%; + width: 100%; + margin: 0; + padding: 0; + border: none; + outline: none; + appearance: none; + background-color: #fff; + border: 1px solid #E24E3F; +} + +input[type="checkbox"]:checked{ + background-color: #EC5142; + border: none; +} + +input[type="checkbox"]:checked:hover{ + background: #e86458; + border-color: #E24E3F; +} \ No newline at end of file