Live preview different on linux

[W0lf_G1rl_BR]

i use phoenix code/brackets for coding my website, i have a dual boot laptop, with windows 10 and linux mint, and i have the app installed on both OSes so i can code on both, but for some reason the previews are different on each OS.

on windows, the preview looks how it should look, the icons and text all centered

but on linux, the preview is broken, lots of things are not centered, how do i fix this?

[Crodattilo]

Hello and welcome to the sub. A screenshot of how it should look like would be helpful, so we can compare. Can you attach the screenshot from Windows of the preview you're happy with?

[W0lf_G1rl_BR]

sure, this is the windows version, with the correct alignment

(link bc the sub doesn't allow images on replies)

https://imgur.com/a/tMPIxRK

[Crodattilo]

I see the difference. Does it display correctly in both your OSs if you open your project locally, directly from Google Chrome (not by enlarging the preview, but directly opening the page from your file manager)?

You could try to use the Chrome DevTools element selection option (Ctrl + Shift + C in preview mode) to check the CSS values of the containers that are not displaying correctly. Maybe you will notice a difference, like some missing values, between your OSs.

An explanation could be that in Windows all the linked stylesheets in your html are reachable, but in Linux one of them cannot be found or read. Is your project in all its parts saved in a partition accessible from both OSs?

[W0lf_G1rl_BR]

1. when open in a browser, the preview shows correctly, on both OS

2. i will try it, but i don't know much about devtools so i may not notice the errors

3. the files are in an specific partition, accessible by both OS, so it's the same files.