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

Lynn Collins
Lynn Collins
9,779 Points

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
18,392 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
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,633 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