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

I can't do it..I'm so stupid!!!!!

I need the answer to what I am doing WRONG on challenge Task one

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



  </body>
</html>
styles.css

Tabatha Trahan
Tabatha Trahan
17,693 Points

Don't be so hard on yourself. I recommend going back and watching the 2 videos before the challenge in this module, and follow along in workspaces. If you follow along in workspaces, you get more practice, and you have something to look for reference at when you are stuck on these challenges. I will watch videos several times if I find myself struggling with the material. For the CSS piece, you will want to go into the styles.css file and create a CSS rule per the challenge.

2 Answers

Brendan Whiting
MOD
Brendan Whiting
Front End Web Development Treehouse Moderator 84,108 Points

This challenge started with a paragraph element like this:

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

    <p>My amazing website</p>

  </body>
</html>

It seems like the paragraph was removed. What you need to do is add a class attribute to the paragraph like this:

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

This is a hard thing to learn! It takes tons of repetition and even then you will never be able to learn everything about coding. The moments where something finally clicks and you understand it make it all worth it though.

Here is what challenge step 1 should look like:

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

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

  </body>
</html>

Step 2:

.main-pg {

}

And finally the paragraph styles in step 3:

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

Good luck, and keept at it!

Dylan