feat: solve 1st stage of the Hyperskill project "Open Space"

sswietoniowski · sswietoniowski · commit cdb9a775d79a · 2024-02-08T00:02:35.000+01:00
diff --git a/hyperskill/06_open_space/01/.gitkeep b/hyperskill/06_open_space/01/.gitkeep
diff --git a/hyperskill/06_open_space/01/index.html b/hyperskill/06_open_space/01/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Open Space</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+<div class="space">
+    <div class="planet-area">
+        <img class="planet" alt="" src="https://stepik.org/media/attachments/lesson/452681/mars.png"/>
+        <img class="rocket" alt="" src="https://stepik.org/media/attachments/lesson/452681/rocket.png"/>
+    </div>
+</div>
+</body>
+</html>
diff --git a/hyperskill/06_open_space/01/style.css b/hyperskill/06_open_space/01/style.css
@@ -0,0 +1,30 @@
+.space {
+    position: relative;
+    height: 100vh;
+    width: 100vw;
+    background: url("https://stepik.org/media/attachments/lesson/452681/space.png") repeat center center;
+    z-index: 1;
+}
+
+.planet-area {
+    position: absolute;
+    height: 30vmin;
+    width: 30vmin;
+    bottom: 0;
+    left: 0;
+}
+
+.planet {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 3;
+}
+
+.rocket {
+    position: absolute;
+    bottom: 110%;
+    left: 110%;
+    transform: rotate(35deg) scale(0.3);
+    z-index: 2;
+}
