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

CSS CSS Basics Basic Selectors ID and Class Selectors

Posted by Jonte Golson
Jonte Golson
1,253 Points

Make sure you're including a 'font-size' property and setting the value to '72px'.

Can i please get help i been on this part for 2 days and i dont know what im doing wrong

index.html 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Developer Diane: Resume</title>
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <main>
    <header class=main-header>
      <div>
        <h1 class="main-heading">Developer Diane: Resume</h1>
        <address>
          <p>website: developerdiane.com</p>
          <p>email: diane@developerdiane.com</p>
        </address>
        <img src="developer-diane.jpg" alt="Developer Diane coding on her laptop.">
      </div>
    </header>          
    <section>
      <h2>Experience</h2>
      <ul>
        <li>
          <h3>Super Web Design Shop</h3>
          <p>Junior Developer</p>
          <p class="date special">February 2020-present</p>
        </li>
        <li>
          <h3>Pretty Good Websites, Inc.</h3>
          <p>Web Development Intern</p>
          <p>July 2019-January 2020</p>
        </li>
      </ul>
    </section>
    <footer>Ā©2020 Developer Diane.</footer>
  </main>
</body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
.main-header{
  background-color: orange;
  {
'#'main-heading{
  font-size:72px;
    }

1 Answer

jb30
jb30
44,805 Points
jb30
jb30
44,805 Points 
.main-header{
  background-color: orange;
  {

Your main-header section has two { rather than one { and one }. You should change the second { to }.

The line '#'main-heading{ starts with '#' rather than a class or id selector. If main-heading was an id, you would use #main-heading{. Since it is a class, use .main-heading{.

main-heading and main-header are both classes in your html file, so the markup for your css file should be the same color where you select them.