this not right code pls right the code

Question

about.html

 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Sudhakar | 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>Sudhakar</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/sudhakar.jpg" alt="Photograph of sudhakr" class"profile-photo">
        <h3>About</h3>
        <p>Hi, i'm sudhakar! This is my design portfolio where I share all of my favroite work.When I'm not desinging things, I enjoy going to out side for photo shots and editing the photos and  drinking good coffee, and much more</p>
        <p>If you'd like to follow me on Twitter, My user is <a href=""></a>@siddhu127.</p>
        </section>
      <footer>
        <a href="http://twitter.com/p.siddhu127"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/p.prabhaprabha"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2016Sudhakar.</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;
}

Answer 1 · 2016-03-11T11:57:21Z

March 11, 2016 11:57am

Your current code is:

 <li><a href="About.html"class="selected">About</a></li>

The correct code is

 <li><a href="about.html"class="selected">About</a></li>

The name of the file is case sensitive. About.html is not the same as about.html. This is also the case for your Contact link. Adjust that one as well.

Answer 2 · 2016-03-11T12:19:45Z

March 11, 2016 12:19pm

You didn't say what step of the challenge you are on, but I see a few issues:

you forgot the equal sign (=) after class in the img tag
the challenge asks you to use "img/gratt.png" as the picture, but you have "img/sudhakar.jpg"
the challenge asks for a paragraph after the picture, but you have an h3 tag between the img and the p tags

Also, I don't think the challenge actually tests the links, but just in general you should not modify any provided code unless the task asks you to.

Welcome to the Treehouse Community

Looking to learn something new?

p siddhu

p siddhu

this not right code pls right the code

2 Answers

Jennifer Nordell

Jennifer Nordell

Steven Parker

Steven Parker