Same Code Showing different interface

This is a timetable generator application on Django. When I run this code on the desktop, it is displayed like the blue one in the image, and when I run it on the laptop, it is displayed like the green one in the image. I want the interface to be like the green one. The code is exactly the same in both.

Welcome @suryakiran !

How are you running your project? (Is this a development environment using runserver, or a production environment using something like uwsgi or gunicorn?)

Check the logs. Ensure that all necessary css and JS files are being loaded in both cases. Try clearing the browser cache in both. (Or try using a “private” or “incognito” window) Again, verify that the logs show the css files as having been requested. Check the browser console for browser-based error messages.

I am using runserver. I tried clearing the cache.It did not work…The CSS file is being requested on the laptop but not on the PC.

What are the results of the other suggested steps?

What specifically did you do to try this?

(Also, please post the information here. Do not try to summarize, edit, or paraphrase whatever logs or error messages you may be seeing.)

This is what I have done to clear the cache. On the terminal, it shows this on the desktop: GET /static/CSS/style.css HTTP/1.1" 304 0. On the laptop, it shows GET /static/CSS/style.css HTTP/1.1" 200. I have attached the image to this reply as it does not allow multiple images to be posted at once

The 304 means that it’s still using the file from local cache.

Try this with using a “hard refresh” (Shift-F5)

Try it with a private or incognito window.

Try it with opening the browser’s developer tools, clicking on the “Disable cache” in the “Network” tab. (Note, you need to leave the Developer Tools window open when you try it in the browser.)

I tried using the hard refresh on incognito window by disabling the cache and keeping the developer tool open, but it did not show any changes.

Try it with a proper browser-sized display area and not the mobile aspect. It could be that your css isn’t right for this geometry.

On the desktop, Dreamweaver was installed, due to which the CSS file was not running. Once I uninstalled the app. The display got as I wanted. Thank you for the help.