Learn CSS Foundations Projects - CSS Foundations Exercise A

Tell us what’s happening: The div element should have its CSS added externally

keep getting this issue, someone help
Describe your issue in detail here.

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">
    <link rel="stylesheet" href="styles.css" type="text/css">

    <title> Exercise A </title>
  </head>
  <body>
    <div>
      <p>cats n kittens</p>
      <button style= "font-size: 18px;
  background-color: orange;">meow</button>
     </div> 
  </body>
</html>
/* file: styles.css */
/* styles.css */
div {
  background-color: red;
  color: white;  
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}
p {
  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/120.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.

hello and welcome to fcc forum :slight_smile:

  • you need to add css “internally” for this element

lets refer to instructions

  1. You should see a p element with a green background, white text, and a font size of 18px.
  2. The CSS of the p element should be added internally by using a type selector.

once you done that you will see that " div element should have its CSS added externally" will be gone
happy coding :slight_smile: