HTML Introduction to HTML and CSS Make It Beautiful With CSS Test: Styling by Element and Class

In the CSS file, create a rule for the .main-pg class. You don't need to write any style instructions yet.

.main-pg{ }

I tried this and it's still wrong. with the main part, the rule said it will go to the specific window, but .main {} is not correct. Is there a bug?

index.html
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <p class="main-pg">My amazing website</p>

.main-pg {
}
  </body>
</html>
styles.css

1 Answer

Hey Roberto,

You are referencing your CSS in the head of your HTML page so all Styles should be done in you styles.css.

.main-pg {
    border: 4px solid red;
}

This should all be in your CSS page just like this, and not the HTML.

Hope this helps!

Dylan