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


Cannot link properly to CSS

I have tried to follow the videos and create a basic webpage. I have created documents in a separate 'CSS' folder titled 'grid.css' and 'normalize.css' and linked to them in my main file 'index.html'. I have tried to use normalize and grid to change the layout but nothing seems to happen.

<!DOCTYPE html>
<meta http-equiv="Content-Type"-content="text/html; charset=utf-8"/>
<title> Jack Bridger </title>
<link rel ="stylesheet" href="css/normalize.css" type="text/css" media="screen">
<link rel ="stylesheet" href="css/grid.css" type="text/css" media="screen">
    <div class="container clearfix">
        <div class="grid_4">
          <img src = "http://qph.is.quoracdn.net/main-thumb-4649923-200-59xusVZHWVOnaheN3H8gaGgzg3WUn7kp.jpeg" alt="Jack Bridger">
        <div class="grid_8 omega">
            <ul class="nav">
                <li><a href="#">About</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Location</a></li>
                <li class="last"><a href="#">Contact me</a></li>
        <div id="intro" class="grid_9">
            <h1>I am a 21 year old Student/aspiring Entrepreneur</h1>
                <p><a href="#" class="btn">Check out my projects</a></p>
            <div class="grid_3 omega">
                <img src="http://user.photos.s3.amazonaws.com/user_43368.jpg" alt ="Jack Bridger">

        <div id="Yappie" class="grid_7">
            <p>Yappie is a new social network launching in <a href ="#">August</a></p>
            <img src ="http://www.justgiving.com/Utils/imaging.ashx?width=200&height=200&square=200&imageType=frpphoto&img=12011%2F25a82b52-f151-45aa-b4fe-991b2eb23bce.jpg" alt = "Jack Bridger"

        <div id="LSE Entrepreneurs" class="grid_5" omega>
            <h2>LSE Entrepreneurs</h2>
            <p>Next year I will be President of <a href ="www.lse-entrepreneurs.org">LSE Entrepreneurs Society</a></p>
            <img src ="http://i.telegraph.co.uk/multimedia/archive/02520/LSE-Sparks_2520237b.jpg">

        <div class ="grid_7"
            <h2>Other projects</h2>
            <p>I am also working on this personal blog. Everything on here was coded by me so it is not the best site. If you find any errors please email j.bridger@lse.ac.uk and I will try to fix them.</p>
            <p><a href ="#" class = "btn-small">Read More</a></p>

        <div class ="grid_5">
            <h2>Contact me</h2>

            <div id="contact">
                <p>Call me: <span>07413981140</span><br>
                Email me:<a href="#">j.bridger@lse.ac.uk</a></p>

            <p>Follow my updates on Twitter/Facebook</p>
            <a href ="www.facebook.com/whatsyappening"><img src="http://yappie.com/images/icon-fb.png" alt = Facebook></a>
            <a href ="www.twitter.com/whatsyappening"><img src="http://yappie.com/images/icon-twitter.png" alt = Twitter></a>

        <div id="copyright" class="grid_12">
            <p>&copy; 2013 Jack Bridger. All rights reserved.</p>


The document should appear with <!DOCTYPE html> etc. at the top (it has been changed to the categories I created).

2 Answers

Chase Lee
Chase Lee
29,275 Points

You forgot to close your first img tag, you need to put the class omega in the quotes with grid_5, and the last error that I see is that you need to close your grid_7 div by putting a > at the end of it.

James Barnett
James Barnett
39,199 Points

There's also a space in the ID LSE Entrepreneurs

Thanks a lot guys!