Learn CSS Foundations Projects - CSS Foundations Exercise A

Curriculum Help
1

Tell us what’s happening:

Having trouble on third checkbox stating div element should not have its CSS added using internal or inline styles.

Also, p element should have it’s styles added internally using a style element. I have tried using the p { characters in the html and have also tried using the element before that syntax.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="styles.css" />  <title>Exercise A</title>
  </head>
  <body>
    <div ="div"> The best colour
   </div>
   <p>The place were the Renaissance painters came from was Italy</p>
   <style p="background-color: green;font-size: 18px; color: white;">
      
      </style>
        
      

  </body>
</html>

/* file: styles.css */
 
div {

background-color:red;
color: white;
font-size: 32px;
text-align:center;
font-weight: bold;

}

p {
  
background-color: green;
font-size: 18px;
color: white;
}

Your browser information:

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

Challenge Information:

Learn CSS Foundations Projects - CSS Foundations Exercise A

2

Hello, a style tag must be added between the head tags, it is independent from any other element tags, inside of it add the rule that targets the p element, the same one you used in the css file

here is an example of using a style tag that contains the styles of a div

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
 div {
   background-color: green;
   font-size: 25px;
 }
</style>
    <title>Document</title>
  </head>
  <body>
    <div>this is an example</div>
  </body>
</html>