Tell us what’s happening:
Describe your issue in detail here.
Step 1
You will be building a happy Flappy Penguin, and further exploring CSS transforms and animations in the process.
Begin with your basic HTML boilerplate. Include the DOCTYPE declaration, html element, the appropriate meta tags, a head, body, and title element. Also, link your stylesheet to the page.
Test
Sorry, your code does not pass. Don’t give up.
Hint
Your link
element should be within your head
element.
My link element is inside of my head element so I think this is a bug.
Your code so far
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 5 Boilerplate</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Learn CSS Transforms by Building a Penguin - Step 1
Link to the challenge: