Fotomatic css not working?

Hey, just a quick one regarding the Fotomatic project. I am currently using VS Code, i seem to be able to edit the html but when i make changes to the css they don’t appear in the browser? I was trying for a while before getting annoyed and downloaded the solution, copy and pasted in into my VS and ran it and still no changes? could it be something im doing wrong? Thanks!

1 Like

Hello @chip1767129858!! Welcome to the forums!!

Could you please post your code using the format button at the top of the reply creator.

It looks like this </>

If you need help it is usually good practice to post a link to the exercise you are stuck on, if you are stuck on one, and a copy of your code.
These will enable forum users to better help you :grinning:

I am having similar issue. I wish there is help on way on the project Fotomatic. I have spent two days without getting result. here is my VScode path.C:\Projects\Hello World\Fotomatic.html.
Here is the link to the broken code, file:///C:/Users/conni/AppData/Local/Temp/Temp1_capstone_fotomatic_start%20(3).zip/F1C1_start/index.html#.
Thanks

Hey @course0509112323 :slight_smile:

As I previously said, posting your code, formatted, will be very helpful with troubleshooting, and I may be able to spot the problem.

Could you also post the link to the lesson, I can not test it because I don’t have a pro account, but someone with one can.

Also no one can test your broken code path, as it is specific to your computer.

Here is the link please.
https://www.codecademy.com/paths/learn-how-to-build-websites/tracks/responsive-design-and-accessibility/modules/css-documentation-and-debugging/informationals/f1-2-c1p1-fotomatic
Here is the path to my code. Its not showing the full path so I am posting two. Thanks.
C:\Projects\Hello World\Fotomatic.html
file:///C:/Users/conni

Hi, thanks for going email. I have just replied you at the forum.

I have sent the link to the question, the broken code and what they said should be the answer. The issue is like that answer has no images linked to them.

Hey, did you ever figure out what was wrong? I’m having the exact same issues and this is my last resort I’ve literally tried everything else. Thanks!!

for me it has been the same…i’m going crazy! now i think at this point i will go on with the path XD

Hi! I don’t know if this helps, but if you look at the top of the index.html file the stylesheet that’s linked is reset.css and it should be style.css. Second to last line before the close of the head.

I just got to this point today and was freaking out but I guess this the idea of debugging something, I hope this helps!

<head>
  <link href="https://fonts.googleapis.com/css?family=Damion" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600,700" rel="stylesheet">
  <link rel="stylesheet" href="./resources/css/reset.css">
  <meta charset="UTF-8">
</head>```
2 Likes

I noticed this last night as well. I’m guessing we don’t even need reset.css at all?

2 Likes

thank you for help…i noticed that and tryed to link style.css and both stylesheets at the same time, but it doesn’t worked in every way i tryed…i modyfied also css rules to restyle the layout but nothing…the rules that i made didn’t do anything and when i inspected with chrome tools to understand why, i saw that the css rules were been cancelled and had linethrought, maybe becouse i linked both and the reset made this…i will try later! anyway i can go on with path :wink: thank you again if i will solve next days i’ll let you know :smiley:

That’s what I was thinking. I just took it out completely.

1 Like

@holaadora Yeah so did I. Just finished the project on Saturday, it was a tough one! Lots and lots of Google-ing lol

1 Like

Hey guys,

Got to link the stylesheet! This has only been done for reset.css, but not yet for style.css :sweat_smile:

I’m only just starting this one… good luck to all

1 Like

Don’t know if you ever got it but the supplied stylesheet is deliberately missing a few class selectors, ie. periods before classnames like “content” and “quote”. Without them, the styles don’t get applied at all. I went through dozens of different attempts to fix the CSS before finally noticing that typo by going through the stylesheet from the exemplar line by line and adding one property at a time.

Project was unfortunately a total waste of time, because I have no idea what any of the values I tried would’ve done, since none of them showed due to that intentional bug, which I only fixed long after putting in the correct values. Learned nothing and felt like it was rigged the whole time. I know that debugging is an essential part of programming, but maybe they should’ve saved it for a separate lesson instead of when we’re already in a new level of CSS guesswork misery.

1 Like

I was wondering why the two style sheets? I noticed the reset.css and the style.css.

2 Likes

Yuptae all,

For those wh made the same mistake as me! Make sure you link both the reset.css and the style.css files to your HTML. I got rid of the reset.css not understanding that it was there to reset css styles to a universal default that would be the same across all browsers. I figured it was there to reset css if you wanted to restart the project. Silly boy.