Completed basic studio tasks

Author: DuxVictorum

script.js

@@ -1 +1,25 @@
-// TODO: add code here
+window.addEventListener("load", event => {
+    fetch("https://handlers.education.launchcode.org/static/astronauts.json").then(response => {
+        response.json().then(json => {
+            console.log(json);
+            const con = document.getElementById("container");
+            
+            for (let i = 0; i < json.length; i++) {
+                con.innerHTML += `
+                <div class="astronaut">
+                    <div class="bio">
+                        <h3>${json[i].firstName} ${json[i].lastName}</h3>
+                        <ul>
+                            <li>Hours in space: ${json[i].hoursInSpace}</li>
+                            <li>Active: ${json[i].active}</li>
+                            <li>Skills: ${json[i].skills.join(", ")}</li>
+                        </ul>
+                    </div>
+                    <img class="avatar" src="${json[i].picture}">
+                </div>`
+
+            }
+            
+        })
+    })
+})

style.css

@@ -1,7 +1,7 @@
 .avatar {
     border-radius: 50%;
     height: 100px;
-    float:right;
+    float: right;
 }
 
 .astronaut {