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 Select and Style by Class

Michael Hay
Michael Hay
1,311 Points

" class="card-title"> Background " shows up after I add A class to the title, instead of just "background," as the title

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Michael Hays Profile</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet"></head> <body>

<div class="main-nav">
    <ul class="nav">
      <li class="name">Michael Hay</li>
      <li><a href="#">Toronto</a></li>
      <li><a href="resume.html">Experience</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">Contact</a></li>

  <img src=http://placeimg.com/400/400/tech alt="Drawing of Jane Smith" class="profile-image">
   class="tag name">Hello, I’m Michael.
   class="tag location">My home is Toronto, Ontario.

<main class="flex">
  <div class="card">
    <h2> class="card-title"> Background</h2>
                <p> <li>I’m an aspiring web designer who loves everything about the web.</li> <li> I worked in the food industry for 15 years.</li> <li> I was an executive chef.</li> <li> I want a new beginning so I throwing everything I have into team treehouse.</li> <li> I have a burning desire to be a front end web developer</li> </p> <li>fourth list item</li>
  <p> I’ve been a professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</p>
                <li> fourth list item.</li>
            <h3> A new subsection</h3>

      <li>To learn more, <a href="resume.html">view my resume.</a></li>

  <div class="card">
    I want to master the process of building web sites and increase my knowledge, skills and abilities in:
    <ul class="skills">
    I’d like to work for a web design firm helping clients create an impressive online presence.

    <li><a href="http://twitter.com/treehouse" target="_blank" class="social twitter">Twitter</a></li>
    <li><a href="#" class="social linkedin">LinkedIn</a></li>
    <li><a href="#" class="social github">Github</a></li>
  class="copyright">Copyright 2015, Jane Smith

</body> </html>

1 Answer

Meagan Bowden i see you're missing the quote marks in the IMG tag as well. But for the h2 class you're closing the opening tag <h2> too early and the attribute class is after not it's not getting read

<!--- remember that attributes like classes, id, etc go inside the OPENING tag.  --->
<!--- anything after is considered text for the browser to read --->
<h2 class="card-title"> Background</h2>

<!--- Wrap the link within the src attribute in qotes " " --->
<img src="http://placeimg.com/400/400/tech" alt="Drawing of Jane Smith" class="profile-image">

<!--- these are missing the opening and closing tag i,e --->
<!--- <p class="tag name">Hello, I’m Michael.</p> --->
   class="tag name">Hello, I’m Michael.
   class="tag location">My home is Toronto, Ontario.