Tell us what’s happening:
I think I found a bug in this step. No matter what I do I keep getting the " You should have one self-closing
link element." error. I have literally copied the element from the next step back to this one and it still doesn’t recognize it as valid.
Originally, I referenced the css file as href=“styles.css” (without “./”, with the same result).
EDIT: On step 4 this problem persists as I am prompted to add another link. Checking step 5 I see it is inconsistent on how the elements are written. First link (step 3) has a closing “/>”, second link (step 4) hasn’t. Again, I copy the line from the next step (step 5 into step 4 now) but I get this error: " You should have two
Your code so far
<!-- file: index.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Picasso Painting</title> <!-- User Editable Region --> <link rel="stylesheet" href="./styles.css" /> <!-- User Editable Region --> </head> <body> </body> </html>
/* file: styles.css */
Your browser information:
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/188.8.131.52 Safari/537.36
Challenge: Learn Intermediate CSS by Building a Picasso Painting - Step 3
Link to the challenge: