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
Sioned Jones
697 PointsWorking with Grids
I'm trying to improve my current website, and even started a brand new design by doing the step-by-step walkthrough for basic web design.
I'm stuck on the Working with Grids section. I don't know if the grid.css and normalize.css files are connected properly to my text editor.
I'm using TextMate and I've followed the step-by-step guide to the tee, but my website isn't updating appropriately according to the commands. My only guess is that the files from the zip folder aren't properly connected to my coding.
Help? I'm new at this!
7 Answers
Jonathan Valle
2,466 Pointsok make sure you have the css's files where they need to be. you are addressing your css's files to a folder named css, then to the file called normalize.css, grids.css so these two files have to be insede the main folder for example:
on your desktop you have your folder with My First Website, which is where all your files are... then inside that folder there should be a folder named (css) and inside that folder normalize.css and grids.css. Now if the normalize.css and grids.css are in a different order than this then thats the problem you are having.
it means that your files are in the wrong folder or your link in the text editor needs to address to where these files actually are.
Confusing i know but try looking at it then look at it again.
Also make sure that your css's files have the same name in your folder and in the text editor...
Jonathan Valle
2,466 PointsMake sure that you are not missing a bracket where you link the grid css (<>), or that you haven't misspelled something...
Sioned Jones
697 PointsAs far as I can tell, I haven't missed anything out. But then again, I am a novice.
Any idea how I can attach an image to a message so I can show you my script?
Alicia Brown
211 PointsHey,
You can make sure that you have your file names correct in your code. And also that the files you are linked are in the right folders and linked in the code properly! I know a lot of times, I forget to add in the folder directory or something!
Sioned Jones
697 PointsHi :)
I'm not sure if my files are linked correctly, but they look okay? This is my first time, though. I just can't figure out how to get a picture on here to show you guys what I've done. I think a screenshots x100 better than words!
Jonathan Valle
2,466 Pointsupload it somewhere online then enter the link to it here.
Alicia Brown
211 PointsYour normalize.css is linked wrong. It is actually in the img folder. You may want to move it up 1 into the CSS folder.
Sioned Jones
697 PointsIts not in the img folder. In the img folder is bg-texture.jpg and texture.png which is hidden as the img folder isn't expanded.
I'm pretty sure all 3 files are in the css file.
I've tried moving normalize.css up but it won't go, probably because it's not actually moving folder. :(
Sioned Jones
697 PointsSioned Jones
697 PointsSo if I was to source the desktop, would it be as simple as: (say for example "pictures" in my website folder) < img src="desktop/pro-tect_website/pictures/logo.png" alt="Logo > (without spacing of < >)
Or would I have to code a different way? Because this would be the similar method for grid.css and normalize.css in terms of desktop/...etc
Sioned Jones
697 PointsSioned Jones
697 PointsAll done!
Jonathan Valle
2,466 PointsJonathan Valle
2,466 Pointsgood :)