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

CSS How to Make a Website CSS: Cascading Style Sheets Take a Mobile-First Approach

Mažvydas Brikas
Mažvydas Brikas
6,766 Points
Posted by Mažvydas Brikas
Mažvydas Brikas
6,766 Points

Index.html doesn't connect with main.css or normalize.css. I followed all steps, but wrapper and logo stuff doesn't work

I try change #wrapper background color, #logo text align nothing changes then I use preview workspace. Looks like normalize.css also did not do any effect. I just started learning, so this is real bummer to me :)

My code: <!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Mazvydas Brikas | Photographer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheel" href="css/main.css">

  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Mazvydas Brikas</h1>
        <h2>Photographer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</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="img2/NYnightsky.jpg">
            <img src="img2/NYnightsky.jpg" alt="">
            <p>Expermentation with star trails and StarStax.</p>
          </a>
        </li>
        <li>
          <a href="img2/vingisprievingio.jpg">
            <img src="img2/vingisprievingio.jpg" alt="">
            <p>Expermentation with Long exposure HDR  photos and Photomatix Pro.</p>
          </a>
        </li>
        <li>
          <a href="img2/laiptine">
            <img src="img2/laiptine" alt="">
            <p>Dreamy stuff from my staircase.</p>
          </a>
        </li>
        <li>
          <a href="img2/Sunflowerfield.jpg">
            <img src="img2/Sunflowerfield.jpg" alt="">
            <p>Expermentation with yellow filter and vintage looking panoramic.</p>
          </a>
        </li>
        <li>
          <a href="img2/nightbudapest.jpg">
            <img src="img2/nightbudapest.jpg" alt="">
            <p>Expermentation with night city panorama.</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
        <a href="http://twitter.com/BrikasO"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/mbrikas"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        <a href="http://instagram.com/mrbrikas"><img src="img2/instagram_logo.png" alt="Instagram Logo"></a>
      <p>&copy; 2015 Mazvydas Brikas. </p>
    </footer>
  </div>
  </body>

a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5% ;
  background: orange;
}

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

Also my files tree looks correct : https://w.trhou.se/a2hw3i6jqd Maybe I am missing something?

1 Answer

Justin Iezzi
Justin Iezzi
18,199 Points

Hi Mažvydas,

Looks like it's a typo. Look here -

<link rel="stylesheel" href="css/main.css">

If you change "stylesheel" to "stylesheet" it should work!

Mažvydas Brikas
Mažvydas Brikas
6,766 Points
Mažvydas Brikas
Mažvydas Brikas
6,766 Points

Thank you Justin I. ! Everything works now. Looks like silly mistake, but that was a big headache for me :)