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!

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 Adding a New Web Page Write the CSS

My CSS isn't linking My H1 is not turning blue.

Please help my lines look good, but title is not turning blue. I continue typing lines hoping I would catch it, but I haven't yet. Please help!


<!DOCTYPE html> <html> <head> <title>Ashley Franklin's Resume</title> <link rel="stylesheet" href="resume.css"> </head> <body> <img src="https://placeimg.com/200/200/tech" alt="Ashley Franklin, Web Dev" class="main-image"> <h1>Ashley Franklin, Web Dev</h1> <h2 class-"section-title"> Summary of Qualifications</h2> <ul> <li>Experience as a freelance web developer</li> <li>Experience with HTML, CSS, and Javascript</li> <li>Fullstack Bootamp Certificate</li> </ul> <h2>Education</h2> <h2>Employment</h2> </body> </html>


body { font-family: "Arial"; }

.main-image { border: solid 4px black; border-radius: 50%; }

h1 { background-color: #e2e2e2 padding: 5px; } .section-title { text-transform: uppercase; }

I copied and pasted all of this and my spacing went away. I will post screen shot


1 Answer

  1. You forgot a semicolon after background-color: #e2e2e2.
  2. You're only changing the background color, not the text color.
  3. #e2e2e2 is some shade of gray, not blue.

Thank you so much!!