Link element should be within your head element. Building a Penguin - Step 1

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:

Two things: the href value should be styles.css, and you wrote style.css instead.

The other thing is that for some reason, fcc seems to always require us to close <link> elements even though in html5, the / character is optional for self-closing tags lol
so your <link> element should be written as <link rel="stylesheet" href="styles.css"/> with a slash at the end.

3 Likes

Thanks that slash was what i needed.

Don’t know why but the link element requires closing in this step in specific.