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

.my-class { border: 4px dashed Red; }

need a little help with this challenge .my-class { border: 4px dashed Red; }

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

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

  </body>
</html>
styles.css
.my-class {
  border: 4px dashed Red;
}

1 Answer

teofanescucosmin
teofanescucosmin
12,755 Points

Class name you pick need to be inside "" .

  <body>

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

  </body>

And class name from your styles.css need to be the same like in your html file .

.main-pg{
  border: 4px dashed Red;
}
Steven Parker
Steven Parker
195,288 Points

Actually, the quotes around the class name are optional (you probably know that from passing task 1), but they are a good idea (a "best practice").