Web page size Problem

Question

I make a webpage on computer it runs correctly on my browser
But when I upload the code on sololearn everything not according to their position
How can I make the same view on Sololearn mobile code playground as I see on my browser?
Check the given page:-
https://code.sololearn.com/W7XDyveasnu0/?ref=app

Answer 1

To make scalable websites, you should only use relative values (%, vh, vw)

Answer 2

Airree yes I know thank you so much

Answer 3

Johan Cruyff I will try

Answer 4

Airree cannot understand where to use these symbols
Why I cannot use px
Or
Can you identify some of the places in this code

Answer 5

A computer's screen has more pixels than a phone's screen. So maybe on the phone's screen 10px is the 10th of the phone's screen width, but it is a really small part on a monitor.
% gives you most of the time the container's corresponding value (100% is the whole, obviously); vh gives you a percentage value of the screen height (26vh is 26% of the screen height). vw does the same with the screen width

Answer 6

Airree I understand now
So where I put
Padding : 10px;
So I have to change it to vh

Answer 7

Yes, but not 10vh, because I'm pretty sure your screen height wasn't 100 pixels