Learn CSS Foundations Projects - CSS Foundations Exercise A

Tell us what’s happening:

Describe your issue in detail here.
My third checker, " The div element should have its CSS added externally." shows I have an error despite seeing its correct output on the preview tab.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
 <title>Exercise A</title>
 <link rel= "stylesheet" href= "styles.css">
  </head>
  <body>
    <div>This is my first CSS</div>
<p>
  I started my very fast styling with this assignment/project. I am having fun doing it and I hope to learn more.
</p>
<button style="background-color:orange;   font-size:18px;">Next</button>
  </body>
</html>
/* file: styles.css */
/* styles.css */
 div{
   
background-color:red;
  color:white;
 font-weight:bold;
  font-size:32px;
  text-align:center;
}
p{
  background-color:green;
  color:white;
  font-size:18px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Foundations Projects - CSS Foundations Exercise A

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.

Hi @jerryrobert254

Looks like there is a bug

Hi, where is the bug?

I don’t know, however if you click on the link in the post above, there’s a message from a staff member about making a report.

Hey Jerry,
Sorry for the insane late reply. It seems that you added the paragraph styles “externally” instead of “internally” making it look like the div test seems to fail.

There’s nothing particularly wrong with your code, only the above mentioned. Writing this challenge was tricky.