studio starter code

jwoolbright23 · jwoolbright23 · commit c701868ddffd · 2023-10-16T10:50:27.000-05:00
diff --git a/fetch/studio/index.html b/fetch/studio/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>Astronauts</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <script src="script.js"></script>
+    <h1>Astronauts</h1>
+    <div id="container">
+        <!-- List of astronauts will be added here dynamically -->
+    </div>
+  </body>
+</html>
diff --git a/fetch/studio/script.js b/fetch/studio/script.js
@@ -0,0 +1 @@
+//TODO: Add Your Code Below
diff --git a/fetch/studio/style.css b/fetch/studio/style.css
@@ -0,0 +1,16 @@
+.avatar {
+    border-radius: 50%;
+    height: 100px;
+    float:right;
+}
+
+.astronaut {
+    border: 1px solid black;
+    display: flex;
+    justify-content: space-between;
+    width: 500px;
+    align-items: center;
+    padding: 5px;
+    margin-bottom: 20px;
+    border-radius: 6px;
+}
