Fotomatic Project Solution

Hello All,

I’m new in coding. I have problem regarding to Fotomatic Project. I download the solution .zip file but when I run it I get unfinished code. For better understanding I checked previous broken code file and solution file side by side. Everything is same in both codes, so I think there is problem with solution file. Could you please explain that to me ? I need solution code for Fotomatic Project.


Hey @elvinasgarov12766581 - when I first opened and ran the code I was like what the heck is this so you’re not alone!
I came straight to the forums for help and found this thread to be helpful! One of the main things was picked up through this post was that the starting code and solution code didn’t contain the following in the :

<meta name="viewport" content="width=device-width,initial-scale=1">

Once this has been added then you can properly start testing the responsive properties of the webpage.
But I also found lots of other issues then with the start code, the spec and the solution code not matching up so I decided to try and make mine look like the spec and but only to a point.

You can have a look at my Github here and see if any of that helps! :slight_smile:

1 Like

Hi Rose,

I hope that all is well. Thank you so much for your post; it was a lifesaver! And your code is beautiful! They both gave me great starting points as I begin working on this project.

I’m going to share whatever I learn along the way because I’d like to help others as much as you and others have helped me!

Best wishes always,

1 Like

Hey Nicole,

Wow that’s very kind of you to say, I really appreciate that!

How are you getting on with the course right now? :slightly_smiling_face:

All the best,


Hi Rosie,

I honestly mean it!

I am doing okay in the course, thank you so much for asking! When did you finish your course?

The Fotomatic project has slowed me down a bit. But thanks to you and others, I’ve made steady progress on it. The main challenge is that the specs and code don’t match what I am seeing. So I’ve been using the final site as a guide. I’m glad that this happened. I think that it is good practice for the end project in my path.

Thank you again for everything!

Wishing you and yours all the best!

1 Like


I hope that all is well.

For anyone who is just encountering the Fotomatic project and is feeling overwhelmed/intimidated by it, please know that you aren’t alone. I did it, but it took me several days to work on it. And here’s what I learned along the way:

  1. Before you do anything else, just breathe.

  2. Take time and read carefully through both sets of code*. When you do, you’ll find some recognizable errors that you know how to fix. That will boost your confidence and help you keep working. (* Print the code or copy it into Text Edit, if you can. Even highlight the areas that are unfamiliar to you, so you’ll know how to research answers.)

  3. Look for help in the forum. I found guidance from these awesome Githubs: Rosie Swainson and GioFar81.

  4. Take your time. You’re not on the clock and you’re not competing with anyone. Some people are more advanced and some are just starting out. I’m in the second group.

  5. Celebrate small victories. :partying_face:

  6. And most importantly, don’t give up. You can do this.

This project will teach you more than just coding, but you’ll be better at it than you were before!

Warm regards always,