I have downloaded the grid.css folder and plugged it in in the exact spot as where Nick said, it looks like this... and i dont know what is wrong, the website isn't moving at all. Im using sublime 2.0.2.

Smells Like Bakin' Cupcake Company About My family & Me Locations Ive Been To Contact Us Opposites really do attract...lol All Of Us At Hawaii My sis and I met Cris Angel We saw him at caesars in Las Vegas!!! Fresh Out The Oven My New Dog Favorite Movie Jackass 1&2&3 about the movie Contact us Call us: 1-714-123-4567 Email us: tghi@gmail.com Where We Live © 2013 Tayler Frausto

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

Posted September 5, 2013 1:06am by

Grid.css not working!

I have downloaded the grid.css folder and plugged it in in the exact spot as where Nick said, it looks like this... <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/grid.css" type="text/css" media="screen">

and i dont know what is wrong, the website isn't moving at all. Im using sublime 2.0.2.

5 Answers

September 5, 2013 1:38am

Try to put your code in between these 3 of these on each side `

September 5, 2013 2:30am

In between what?

September 5, 2013 2:36am

On pc the button above the tab sign the same one with the tilda sorry i'm not sure what it is called.

September 5, 2013 4:20am

Hi,

I will try to help as much as I can, not exactly clear on what / where the problem is occurring. First, make sure your code in your index.html file is linked properly.

If the problem is happening after you have uploaded your files to your domain server, make sure your grid.css file is executing on the page.

can you post any of your code so we can see if there was a slight mistake?

Lets fix this problem Tayler!

-Ryan

September 5, 2013 11:26pm

This is my whole code,I changed the words just a lil so i dont make a bakery website, i make a website about me.

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/normalize.css.html" type="text/css" media="screen"> <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/grid.css" type="text/css" media="screen"> <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/1000px-12col-65w-20gut.png" type="text/css" media="screen"> </head> <body> <div class="container clearfix"> <div class="grid_4"> <img src="/Users/taylerfrausto/Pictures/Scan 1.jpeg" alt="Smells Like Bakin"> </div> <div class="grid_8 omega"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">My family & Me</a></li> <li><a href="#">Locations Ive Been To</a></li> <li class="last"><a href=#>Contact Us</a></li> </ul> </div> <div id="intro"> <h1>Opposites really do attract...lol </h1> <p><a href="#" class="btn">All Of Us At Hawaii</a></p> </div>

<img src="/Users/taylerfrausto/Pictures/ry=400.jpeg" alt="Mi Familia">

<div id="featured-cupcake">
  <h2>My sis and I met Cris Angel</h2>
  <p>We saw him at caesars in Las Vegas!!!</p>
  <img src="/Users/taylerfrausto/Pictures/Unknown1234.jpeg" alt="Me and my sister"
</div id="new-cupcakes">
  <h2>Fresh Out The Oven</h2>
  <p>My New Dog</p>
  <img src="/Users/taylerfrausto/Pictures/Kiki/340889_113686168731891_100002715254627_72142_6467865_o.jpg" alt="Kiki Bears">
  <img src="/Users/taylerfrausto/Pictures/My Birthday/jackass_logo.jpg" alt="Jackass"

</div>

<h2>Favorite Movie</h2> <p>Jackass 1&2&3</p> <p><a href="#" class="btn-small">about the movie</a></p>

<h2>Contact us</h2>

<div id="contact"> <p>Call us:<span>1-714-123-4567</span><br> Email us:<a href="#">tghi@gmail.com</a></p> </div>

<p>Where We Live</p> <Img src="/Library/Application Support/Apple/iChat Icons/Planets/Earth (Americas).gif" alt="Earth"

</div> </body> </html>

September 5, 2013 11:37pm

I can't see your link tag but this is what your it should look like <link rel="stylesheet" href="grid.css" media="screen">

September 5, 2013 11:37pm

Place it in your head tag.

September 5, 2013 11:40pm

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/normalize.css.html" type="text/css" media="screen"> <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/grid.css" type="text/css" media="screen"> <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/1000px-12col-65w-20gut.png" type="text/css" media="screen"> </head>

September 5, 2013 11:44pm

sorry... <link rel="stylesheets" href="/Users/taylerfrausto/Downloads/grid.css" type="text/css" media="screen">

that is exactly what i have for the grid.css plug in, and its in the head tag and its right after the normalize.css plug in. the normalize one worked and i just copied the normalize plug in and chafed everything that needed to be changed like the location of the document???

September 5, 2013 11:56pm

Have you added position's to your classes yet? for example <div class="grid_5">..content in here..</div>

September 6, 2013 12:34am

yep...

<div class="container clearfix">

<div class="grid_4">

and

<div class="grid_8 omega">

September 6, 2013 5:21pm

Post all of your code on codepen

September 8, 2013 2:13am

http://cdpn.io/xAeqE

September 8, 2013 2:13am

sorry... <p data-height="268" data-theme-id="0" data-slug-hash="xAeqE" data-user="MrTayer97" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/MrTayer97/pen/xAeqE'>xAeqE</a> by Tayler Frausto (<a href='http://codepen.io/MrTayer97'>@MrTayer97</a>) on <a href='http://codepen.io'>CodePen</a></p> <script async src="http://codepen.io/assets/embed/ei.js"></script>

September 8, 2013 2:22am

Im sorry, but im new at all of this... but can u just go to codepen and look up treehouse.1234 and thats my code...sorry again

September 8, 2013 2:35am

It's ok i just have to delete some stuff from the url. And everyone has problems when they are starting.

September 8, 2013 2:19am

<img src="/Users/taylerfrausto/Pictures/ry=400.jpeg" alt="Mi Familia">

<div id="featured-cupcake">
  <h2>My sis and I met Cris Angel</h2>
  <p>We saw him at caesars in Las Vegas!!!</p>
  <img src="/Users/taylerfrausto/Pictures/Unknown1234.jpeg" alt="Me and my sister"
</div id="new-cupcakes">
  <h2>Fresh Out The Oven</h2>
  <p>My New Dog</p>
  <img src="/Users/taylerfrausto/Pictures/Kiki/340889_113686168731891_100002715254627_72142_6467865_o.jpg" alt="Kiki Bears">
  <img src="/Users/taylerfrausto/Pictures/My Birthday/jackass_logo.jpg" alt="Jackass"

</div>

<h2>Favorite Movie</h2> <p>Jackass 1&2&3</p> <p><a href="#" class="btn-small">about the movie</a></p>

<h2>Contact us</h2>

<div id="contact"> <p>Call us:<span>1-714-123-4567</span><br> Email us:<a href="#">tghi@gmail.com</a></p> </div>

<p>Where We Live</p> <Img src="/Library/Application Support/Apple/iChat Icons/Planets/Earth (Americas).gif" alt="Earth"

</div> </body> </html>

September 8, 2013 2:31am

Okay your first problem is your link tag it's supposed to be <link rel="stylesheet" href="/Users/taylerfrausto/Downloads/grid.css" type="text/css" media="screen"> your problem is you have rel="stylesheets" and it's supposed to be rel="stylesheet". Second it would also help if it was in the same folder as index.html so it could look like <link rel="stylesheet" href="grid.css" type="text/css" media="screen">

September 8, 2013 2:51am

it worked thank you very much!!!

September 8, 2013 3:00am

No Problem :)

September 17, 2013 6:30pm

Carman, I am having the same issue and followed your instructions to no avail. Here is what I have.

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" href="Web/css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="Web/css/grid.css" type="text/css" media="screen"> </head>

September 17, 2013 6:32pm

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Smells Like Bakin' Cupcake Company</title> <link rel="stylesheet" href="Web/css/normalize.css" type="text/css" media="screen"> <link rel="stylesheet" href="Web/css/grid.css" type="text/css" media="screen"> </head>

September 18, 2013 2:15am

Try putting your code in codepen if markdown is not working :).

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

Welcome to the Treehouse Community

Looking to learn something new?

Tayler Frausto

Tayler Frausto

Grid.css not working!

5 Answers

Carman A

Carman A

Tayler Frausto

Tayler Frausto

Carman A

Carman A

Ryan Lockhart

Ryan Lockhart

Tayler Frausto

Tayler Frausto

Carman A

Carman A

Carman A

Carman A

Tayler Frausto

Tayler Frausto

Tayler Frausto

Tayler Frausto

Carman A

Carman A

Tayler Frausto

Tayler Frausto

Carman A

Carman A

Tayler Frausto

Tayler Frausto

Tayler Frausto

Tayler Frausto

Tayler Frausto

Tayler Frausto

Carman A

Carman A

Tayler Frausto

Tayler Frausto

Carman A

Carman A

Tayler Frausto

Tayler Frausto

Carman A

Carman A

Heath Johnson

Heath Johnson

Heath Johnson

Heath Johnson

Carman A

Carman A