Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Adding Pages to a Website Make an About Page

Posted by Techelsa Bosley
Techelsa Bosley
8,625 Points

be sure to add an image to the section element?

it keep saying be sure to add an image to the section element but i did add it I think

about.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html" class="selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
       < img src ="img/nick.jpg" alt=" photograph" class="profile-photo">
        <p>
        Hi, Techelsa Bosley! but i like chelsa more this is my fist design profolio where i will be shareing
          all of my work.when i not designing things,
          i like to read,drinking tea or coco, and more </p>
      </section>
      <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2014 Nick Pettit.</p>
      </footer>
    </div>
  </body>
</html>
css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}

h1, h2 {
  color: #fff;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

h1 {
  font-family: ‘Changa One’, sans-serif;
  font-size: 1.75em;
  font-weight: normal;
}

img {
  max-width: 100%;
}

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

nav ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

nav li {
  display: inline-block;
}

nav a {
  font-weight: 800;
  padding: 15px 10px;
}

h3{
margin:0 0 1em 0;
}

.profile-photo{
display:block;
  max-width:150px;
  margin:0 auto 30px;
  border-radius:100%;
}

h3{
margin:0 0 1em 0;
}

1 Answer

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,241 Points
Ryan Field
Ryan Field
Courses Plus Student 21,241 Points

Hi, Techelsa. You just have a formatting issue with your <img> tag. HTML is whitespace-sensitive, meaning extra spaces will matter and can cause problems if you have them where they're not supposed to be. Try this:

<img src="img/nick.jpg" alt="photograph" class="profile-photo">
Techelsa Bosley
Techelsa Bosley
8,625 Points

it not working it what me to be sure to add an image to the section element what going on.

Ryan Field
Ryan Field
Courses Plus Student 21,241 Points
Ryan Field
Ryan Field
Courses Plus Student 21,241 Points

I looked at the challenge you're trying to pass, and it looks like you've got the wrong value for src. Look again at the challenge instructions and use what it says to pass the challenge.