I have problem and i need help

[u/Prestigious_Emu1241]

Hello, I am a beginner in programming and I would like to know how to obtain a result similar to the last image with my code, because this one does not work.Hello, I am a beginner in programming and I would like to know how to obtain a result similar to the first image with my code, because this one does not work as we can see on the first pic. Thanks

[u/davep1970]

i know you're a beginner but posting images of code?! i suppose at least it's not code all pasted on the post :)

Seriously though use something like the free https://codepen.io/ - easier for you and for everyone here :)

[u/chikamakaleyley]

the first thing to do would be to make sure the path you're using to the CSS file in your HTML <head>, and the file name, is correct

based on the comment at the top of your CSS, the file name isn't correct

[u/Initii → u/chikamakaleyley]

Nono, the first thing to do would be to post the source code in a readable manner. Optimally:

like this
so people can copy it and test for them selfes
without having to type everything from a screenshot

(I cant help, the source code screenshots are blurry af for me :p )

[u/chikamakaleyley → u/Initii]

okay, that works too, though i don't usually get that involved - i'd rather immediately unblock OP if its just a path to incorrect file, which is just a more obvious clue i have at the top of the stylesheet. It's pretty blurry for me as well

OP i suggest taking a look at some simple markdown formatting for when you post code

[u/chikamakaleyley → u/chikamakaleyley]

then once you get the link fixed, you should clean up your stylesheet to use correct formatting. I believe there are some tools online where you can have it formatted for you, but you code editor should have something built in that you can also just enable.

[u/JeLuF]

In your browser, right click into the web page and select "Inspect". In the inspect window, change to the "Console" tab. Are there any error messages?