Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Eric Sharp
seal-mask
.a{fill-rule:evenodd;}techdegree
Eric Sharp
Front End Web Development Techdegree Student 1,442 Points
Posted by Eric Sharp
.a{fill-rule:evenodd;}techdegree
Eric Sharp
Front End Web Development Techdegree Student 1,442 Points

I need help with this code challenge.

I need help with this code challenge, how the paragraph

index.html 
<!doctype html>
<html>
  <head>
    <link href="main-pg" rel="stylesheet">
  </head>
  <body>

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

  </body>
</html>
styles.css 
.main-pg {}
.P
Jake Geiser
Jake Geiser
4,238 Points

First in order to actually link your CSS code to your HTML code you need to link it like so:

<head>
    <link href="style.css" rel="stylesheet">
</head>

You added the class correctly to the paragraph tag (<p>) but, you already gave your <p> the class name "main-pg" so select it by that and lose the .p since you have no element with the class name "P":

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

1 Answer

vinona weil
seal-mask
.a{fill-rule:evenodd;}techdegree
vinona weil
Front End Web Development Techdegree Student 1,224 Points
vinona weil
.a{fill-rule:evenodd;}techdegree
vinona weil
Front End Web Development Techdegree Student 1,224 Points

first create class in <p> tag like this. <p class="main-pg"> and then in style.css

  1. .main-pg{

}

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