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
Kevin Howard
Courses Plus Student 748 PointsStuck On 'Working with Grids' Section In "Building a Simple Website" Project
Hello,
I have here two CodePen URLs:
This one, http://codepen.io/kchoward48/pen/AxEDk, is the 'index.html' file from the project files given to us.
This one rendered the navigation list to the right of the image, as is intended for the project.
This one, http://codepen.io/kchoward48/pen/KkvHg, is my 'index.html' file.
This one, on the other hand, rendered the navigation list below the image, not as intended for the project.
Both of these files were tested in the same directory, with properly functioning CSS and images.
I have compared these two files at least seven times, and I cannot find any differences.
I would truly appreciate any help in figuring out what is wrong with my 'index.html' file (i.e. the second URL).
Thank you very much for listening!
3 Answers
Giovanni CELESTE
20,961 PointsHi Kevin,
In the first link, your class attributes from div are "grid_8", and in your own file, you wrote "grid-8", the same with grid_4. Hope it helps (I don't have the css to test, you didn't include it in your link, without it we can't see the render of the index).
Kevin Howard
Courses Plus Student 748 PointsHello Giovanni,
Thank you very much, man, that did the trick. I looked far and wide for an answer, and all it took was asking another programmer to look at it. No worries about testing it, as I just did, and it's working perfectly now!
Thank you very much again. I will be sure to give you an up vote!
Giovanni CELESTE
20,961 PointsMy pleasure :). Glad it helped. It happens a lot (well...I guess, I'm still quite a newbie in programming), from my experience, 80% of my problems are from mispells here and there (example when I write position and poistion). What I do is I try to compare a lot (what I did for you), I copied/pasted the first code, and replaced it with the second one, in the process, you see a small fraction of the change (the length of the code, or some changes in the spell). It's a quite quick technique when you are trying to debug, and have a "safe" code to compare.
Kevin Howard
Courses Plus Student 748 PointsIt did, indeed! Haha, that sounds about right. I don't think I've ever had a problem that wasn't right in front of me, and instead of looking at the code, spending a lot of time on Stack Overflow and other forums.
Yep, I pretty much did exactly what you have explained here. I am glad you could look at mine, though! :)
Kevin Howard
Courses Plus Student 748 PointsHey man, as a programmer that appears to be active in the forums, do you know the way to mark an answer as best, and mark the problem as solved?
Giovanni CELESTE
20,961 PointsNope, as I don't open topics by myself until now ^^. But what I know is that it's only the author of the topic who can do it. And the topic can't be about a general discussion (not sure).
Kevin Howard
Courses Plus Student 748 PointsOh okay, haha, not a problem! I will be sure to up vote and mark your answer as the best and solved answer, once I figure it out!