Magical Forest Circle Exercise

leekoby · Jan 5, 2023 · e4cb039 · e4cb039
1 parent d66a459
commit e4cb039
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/55_Magical Forest Circle Exercise/app.js b/55_Magical Forest Circle Exercise/app.js
@@ -0,0 +1,6 @@
+const container = document.querySelector('#container');
+const img = document.querySelector('img');
+
+container.style.textAlign = 'center';
+img.style.width = '150px';
+img.style.borderRadius = '50%';
diff --git a/55_Magical Forest Circle Exercise/index.html b/55_Magical Forest Circle Exercise/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+
+<head>
+    <title>Forest</title>
+    <!--LEAVE THESE LINES ALONE, PLEASE! THEY MAKE THE LIVE PREVIEW WORK!-->
+    <script src="node_modules/babel-polyfill/dist/polyfill.js" type="text/javascript"> </script>
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+
+</head>
+
+<body>
+   <div id="container">
+        <h1>I &hearts; Trees</h1>
+        <img src="https://images.unsplash.com/photo-1596328546171-77e37b5e8b3d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1400&q=80" alt="">
+    </div>
+</body>
+
+</html>