Hello, I am new to React and currently working on building a portfolio. I encountered an issue while using the react-mdl library for the projects page. Specifically, when viewing my project on a mobile interface (tested on FireFox, Chrome dev tools, and OnePlus 7 Pro), the layout looks good. However, after pushing the code to Github Pages, the layout appears significantly different and not visually appealing.
I have tried various solutions to fix this issue, but none have worked so far. Any guidance to help me resolve this problem would be greatly appreciated.
For better understanding, I have provided screenshots:
Localhost view:
https://i.sstatic.net/lWF1f.png
Github Pages View:
https://i.sstatic.net/lRNdM.png
I apologize for not directly posting the code here to avoid cluttering the post with large media files. If you need additional information, please let me know. Thank you for your assistance.