CSS issue in vs code

Question

I'm new in VS Code and I'm trying to figure out what went wrong here because css won't work for me. The link is good because it opens with click + ctrl. Both files are in the same folder. So why isn't it working?

Edit saved:

Have you saved the document? There appears to be unsaved changes. — Spectric, Jun 22 '21 at 22:39

score 0 · Accepted Answer · edited Jun 22 '21 at 22:40

0

Seems like you didn't save index.html. See the round dot? It means it's not saved.

Your code seems fine. Also, it's always better to use a browser than using built in preview.

edited Jun 22 '21 at 22:40

Spectric

30,714
6
20
43

answered Jun 22 '21 at 22:39

Praveen Kumar Purushothaman

164,888
24
203
252

Thank you for answer. I save it now and nothing happen :( – Evela Jun 22 '21 at 22:41
@Evela Did you try using a browser to open it up? Also, try refreshing the preview. – Praveen Kumar Purushothaman Jun 22 '21 at 22:51
It's working on the website but when I refresh preview nothing change.... and honestly, I would prefer it to work here – Evela Jun 22 '21 at 22:55
@Evela That's not the right place to get your stuff working. VS Code is just a simple tool. But it doesn't really support all these features. Maybe I can suggest you Live Server + AutoSave, which will actually show your changes, right after you edit the code. Maybe you're looking for something like [CodeSandbox: Online Code Editor and IDE for Rapid Web Development](https://codesandbox.io/). – Praveen Kumar Purushothaman Jun 22 '21 at 23:02
1

Ohh ok :( I'll check CodeSandBox thank you! – Evela Jun 22 '21 at 23:06
@Evela It'll be really good. Check it out. I use it for React JS... – Praveen Kumar Purushothaman Jun 22 '21 at 23:12

score 0 · Answer 2 · answered Jun 22 '21 at 22:39

0

Use an browser and save your files changes for see your proyect.

answered Jun 22 '21 at 22:39

Vei Jar

118
1
9

1

Thank you for answer. It's working on the website but why not in VS Code? What do I have to do to make it work here? – Evela Jun 22 '21 at 22:53
Probably that viewer does not support some CSS and HTML features. I recommend you use a live preview extension so that visual studio works as you wish. Search the market for visual studio code. – Vei Jar Jun 22 '21 at 22:56
if you have any other questions feel free to contact me :P – Vei Jar Jun 22 '21 at 23:07

score 0 · Answer 3 · answered Jun 22 '21 at 23:07

0

Save file and try opening it with a browser. I always prefer browser to test a file. Sometimes 2 browsers if it has a problem. I suggest you to use sublime text 3 or notepad ++ with vs code because it can save you from a lot of headaches. :)

answered Jun 22 '21 at 23:07

Chesandu Charika

1
3

CSS issue in vs code

3 Answers3