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 trialAbdul Salam Alkaabi
4,871 Pointsi need help
please i need help
Samuel Sanders
6,992 PointsThis is one of my first responses. You need to add the #gallery li. Try this
@media screen and (min-width: 480px) { #gallery li {width: 28.3333%;} }
Hope this helps
Abdul Salam Alkaabi
4,871 Pointsi have checked my index.html on validator.w3.org and give an error:Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.
hoe i can coorect it?
Abdul Salam Alkaabi
4,871 Pointsthis is my page, can you find the error?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Abdulsalam | desginer</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel='stylesheet' href="https://fonts.googleapis.com/css" type='text/css'>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="viewport" content="width=device-width, intial-scale=1.0">
<style>
nav a{
color:white;
}
</style>
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>alkaabi</h1>
<h2>designer</h2>
</a>
<nav>
<ul id="gallery">
<li><a href="index.html" class="selected">profile</a></li>
<li><a href="about.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>كله خرطي</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>كله خرطي</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>كله خرطي</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>كله خرطي</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>كله خرطي</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/@SalamOwen"><img src="img/twitter-wrap.png" class="social-icon" alt="logo"></a>
<a href="http://facebook.com/abdulsalam.alkaabi/"><img src="img/facebook-wrap.png" class="social-icon" alt="logo"></a>
<p>© 2015 Abdulsalam.</p>
</footer>
</div>
</body>
</html>
4 Answers
gregory gordon
Full Stack JavaScript Techdegree Student 14,652 Pointsyou need to change your head from </ header> to </ head>
gregory gordon
Full Stack JavaScript Techdegree Student 14,652 Pointsthe tag you have is header it needs to be head
Roberto Alicata
Courses Plus Student 39,959 Pointsno the tag header is correct it is intended as a section heading
Abdul Salam Alkaabi
4,871 Points?????
Roberto Alicata
Courses Plus Student 39,959 PointsCheck this guide: https://www.w3.org/wiki/HTML/Usage/Headings/Missing
you can change your
<section>
with
<section><h2>gallery</h2>
Samuel Sanders
6,992 PointsSamuel Sanders
6,992 PointsHello Abdul, What is your request? Samuel