Walk Through video of the fotomatic pro project?

Is there a walkthrough video now? I am stuck

2 Likes

I’m also sitting here banging my head… This was a total demotivator after so much progress…

7 Likes

I feel a little better coming here and seeing others having the same struggle I am having. This project really jumps to advanced far too quickly–it would be nice if there was even a hint of extra guidance :frowning:

13 Likes

Thank you, mate! Golly!

The bigger point they are trying to get at with this project is to get you to practice resourcefulness. There’s big emphasis that developers often do not know the answer to many problems they face, and so must search for the answers on the web i.e. MDN Web Docs, Stackoverflow, etc. In a way, you are supposed to not know how to do it.

1 Like

I am also glad I am not the only one having a hard time with this. Looking in the forums I found this: Fotomatic CSS Debugging project - my solution (Front End)

After checking that out, I managed to finish everything else more calmly since it is stuff that I thought it was so basic that I forgot about the importance it has.

There are a few more steps after this solution but it helps a lot by the fact that it’s not as confusing as it seems (once you find help like this.)

11 Likes

This project is way more than frustrating from someone who is still learning. I completed the web developer course but was just looking for more projects to work on and increase my skill. I’m basically jumping ahead of this project because I think the skills that you need are in section 12 of this course. CodeCademy should know better than to try to make people sort through stuff online to find answer for stuff they haven’t taught. The web developer course was done much better in my opinion. When you’re still learning you need more guidance or walk throughs. Glad I looked at the forum after I made the desktop page. Its obvious I’m not the only one struggling on this.

3 Likes

Hi Guys,

I just completed the fotomatic project.

I found that the easiest way to complete this project is by opening up the final product webpage and then press F12!

Use the dev op tools to go over the webpage and identify what changes are needed.
I found that dev op tools is your best friend in this project in order for you to complete it.

As shown in previous lessons if you click on the “select an element in the page to inspect” Icon (top left hand corner). Then select an element on the page and then click on styles icon in the dev ops section it will tell you what styles are meant to be in that element.

Hopefully this helps you guys out!

Goodluck!

13 Likes

have you resolved it?

can i get to reach or contact you please so you can walk me through this.

Hi,

If you click on this link it will show you exactly how to do this. Dev op help.

Also, there are a few rulesets that we did not learn up to this point (like flexbox layouts).

1 Like

If you are doing the full stack course, then i think this project is in the wronf place, which is why a lot of people are cofused. You need to cover the flex box and media (mobile sizing) lesson firstly, which comes 2 modules after this project, which dosnt really make sense to me. I only know this because i did the web dev coures previously, so when doing the full stack course i noticed that some lessons are in the wrong order.

3 Likes

Why haven’t the Codecademy devs resolved this issue? If the lessons are out of order they should fix this immediately.

2 Likes

I absolutely agree. I was enjoying the lessons up until this point where I felt like I was thrown into the weeds to fend for myself. Not a big fan of this front end path at the moment.

2 Likes

Agreed. So far, there have been two projects I had to skip over, learn what was required, and the come back to. Is there a way to tag Codecademy here. Not sure if they’re even aware of this being an issue, because it certainly is.

1 Like

I agree that it can be confusing to this without the step by step guidance of the lessons, but this is more realistic of what will be expected for a front-end software engineer in the industry.

Some users have mentioned that the project uses flexbox and the program doesn’t cover it until later. I agree it can be confusing. I think what really clarify it for me was clicking the “specs” link provided (this page). That’s when I realized all I was really expected to modify to “complete” the project was the CSS file based on what the content had covered so far CSS color, Typography, display and positioning.

Hope that makes things a little better! :+1:

1 Like

“Some users have mentioned that the project uses flexbox and the program doesn’t cover it until later. I agree it can be confusing. I think what really clarify it for me was clicking the “specs” link provided (this page ). That’s when I realized all I was really expected to modify to “complete” the project was the CSS file based on what the content had covered so far CSS color, Typography, display and positioning.

That makes sense. It would be nice to have codecademy give a hint on maybe ignoring the mobile view/flexbox problem for now.

I’m so frustrated with this project that I started a GitHub lesson (through GitHub) to try to help me understand. It has not helped one bit. In fact, I’m more confused than ever. I also bought a paperback book to help me. It is ‘HTML and CSS QuickStart Guide’. I’m struggling through it as well. It’s really frustrating to buy Codecademy Pro and take the lessons and then be thrown to the wolves on this project. I can’t even begin to understand how to do this. It’s equally frustrating that there are walkthroughs for all of the lessons/assignments, then for this there is nothing. I’ve been struggling with this for a week and a half now and don’t know if I can continue. I’m beyond frustrated and depressed as heck. I was doing so well with all of the lessons. I don’t know what to do. I feel like quiting Codecademy now.

Hi there! I hope you don’t quit. Programming is full of snags and even professional developers hit roadblocks that take them days to solve (if they figure it out at all!).

To my understand, some of the projects have less instructions and aid than others so that you can challenge yourself to put everything covered in the lessons together by yourself. The idea is that, to test that you have really absorbed the content and learned how to do the things covered in the lessons, you should try to challenge yourself with less guidance.

Have you tried going to the Get Help section of the forums and posting the question? Which part are you caught up on?

2 Likes