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 How to Make a Website Responsive Web Design and Testing Website Testing

Posted by Richard de WAard
Richard de WAard
322 Points

Stage 8: i tested it and it says there is a problem Warning Line 27, Column 15 but i cant find it 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>G.M. de Waard | Flowerbulbs</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">
    <link rel="stylesheet" href="css/responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
  <header>
    <a href="index.html" id="logo">
      <h1>G.M. de Waard</h1>
      <h2>Flowerbulbs</h2>
    </a>
    <nav>
      <ul>
        <li><a href="index.html" class="selected">Portofolio</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 id="gallery">
          <li>
            <a href="img/numbers-01.jpg">
              <img src="img/numbers-01.jpg" alt="">
              <p>Bullshit with color. dfasfasdfsadfsadfsadfas dfsadf asdfasdfsadfas</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <p>playing with blending modes in photoshop.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>gay</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-09.jpg">
              <img src="img/numbers-09.jpg" alt="">
              <p>Sgay</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt="">
              <p>gayest.</p>
            </a>
          </li>      
        </ul>
      </section>
      <footer>
        <a href="https://twitter.com/RsWaard"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="https://www.facebook.com/GmDeWaardFlowerBulbs"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Richard de Waard.</p>
      </footer>
    </div>
  </body>  
</html>

2 Answers

Rich Bagley
Rich Bagley
25,869 Points

Hi Richard,

It's a bit of a guess that this is the issue but can you try replacing the pipe in this line with %7C so it changes from:

    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>

to:

    <link href='http://fonts.googleapis.com/css?family=Changa+One%7COpen+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>

Does that make any difference?

-Rich

Cale Matteson
Cale Matteson
11,303 Points
Cale Matteson
Cale Matteson
11,303 Points

I had the same issue. The %7C suggested by Rich fixed the actual error I was receiving. However, I believe the warning ,that just about everyone should be getting, is on line 27 with <section> element. The warning simply says that this element does not have a heading element (h1, h2, h3) in it. If I recall from my previous education correctly, search engines use the headings as hit markers for key words you search. If there is no heading in a section then it simply turns out a warning. There is no real error here.