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 trialTechelsa Bosley
8,625 Pointsbe 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
<!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>© 2014 Nick Pettit.</p>
</footer>
</div>
</body>
</html>
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
Courses Plus Student 21,242 PointsHi, 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
8,625 PointsTechelsa Bosley
8,625 Pointsit not working it what me to be sure to add an image to the section element what going on.
Ryan Field
Courses Plus Student 21,242 PointsRyan Field
Courses Plus Student 21,242 PointsI 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.