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

Benjamin Gray
Benjamin Gray
257 Points

Smells Like Bakin' Grid Problems.

I've been stuck on this for well over an hour and a half. And I just can't get it to work correctly in the grid. Does anybody know what i've done wrong?

Cupcake of the week is above the intro and the two pictures at the bottom are underneath the primary picture instead of side by side? In fact the layout isn't even close.

My code is here: http://tny.cz/65403a78

Thanks, Ben.

3 Answers

Just out of curiosity. Are these files that you downloaded? or did you create these?

M

Benjamin Gray
Benjamin Gray
257 Points

Hi. The grid.css file and normalize.css files were downloaded from the links provided in the tutorial. The actual code that I posted above was made by me following the videos. But I have structured the file directory in the same manner,

When I first began I to watched the videos and made my pages and I had the very same problems. Heres what you should do. Go to the first video series called Introduction to the Project. Launch the video then pause it. Scroll down and on the right on side are the project files. Download and install these. Get sublime text 2 and use that to make your changes and update your site. The snag you are going to encounter is that as you move from project to project sometimes changes are made behind the scenes just to keep the learning process moving along. If you really want to at least you can compare your code with theirs and find where you went wrong.

M

Benjamin Gray
Benjamin Gray
257 Points

I did that. Those are the completed project files though. Am I being really silly here?

They completed but they aren't completed files. Think of them as building blocks. There is no need to re-invent the wheel. Much of code that you see has been used for a quite a while not only here but all over the web. What Treehouse wants you to do is understand the principals then apply what you learned to the site project.

When you think about it, if you look forward in 3 years and you're an awesome code writer making the big bucks you will have a library full of shortcuts and snippets of code to use in any web page project. You wouldn't be starting each project from scratch because most of of your project will have some similarities.

Benjamin Gray
Benjamin Gray
257 Points

Aha this is a good point. But if ALL code is written for me what is there left for me to edit? Are you saying I should make a new index.html or simply follow along on the one that is already written.

I'll tell you what I did. I created a folder called Treehouse with a subfolder called Projects. I saved all the files for each course in the projects folder and saved each HTML document individually as index1.html, index2.html, and so on as the course progressed. I typed out everything he wanted me to type, and then went back and downloaded what he had written and compared mine to his. I discovered my errors and kept a note of them in the HTML document. I also have a small notebook that I hand write each specific point so I can reference it whenever I want (this also helps on quizzes and code challenges). It takes me longer, but I'm ok with that. I feel I have a more concrete understanding of the code and what is being taught this way.

Benjamin Gray
Benjamin Gray
257 Points

Thanks! I think I am going to save in a similar manner for the rest of the projects, means that if I do anything wrong in the next projects I only have to go back by a little rather than to the start. Not sure what I have done wrong with the grid. But the next part is only styling... so i guess i'll keep going and come back to the grids part afterwards :)

UTF-9?

That's the first problem, I'm sure. ;)

Benjamin Gray
Benjamin Gray
257 Points

Changed it to 8 now :)

Not sure whats up with the grid though. In future I am going to save copies between each section so that I can go back if i do something wrong.

Great technique Aaron

I shall follow your lead.

M

Anything I can do to help! ;)