How can we make computer codes to work fine on Android, after copying directly from PC?

Question

I tried running this code on my PC, it looked fine, but whenever I run it on a phone, it's not organised. I copied the code directly from my PC unto SoloLearn code playground, any help?
https://code.sololearn.com/W452GhQmaVPu/?ref=app

Answer 1

This code you have written is for larger screens like your PC. In order for it to work in smaller screens, you need to make it responsive, mostly done using media queries. For this, you should write separate styles for smaller screens (using media queries) which won't interfere with the way the app is displayed on larger screens.