Need help with my first code

Question

Optimization help

I have a problem, trying to do my first webpage in html and css but the problem is that whenever i try to run code on my mobile phone everything go to hell.

I have this animation which slide divs from left tp right and opozite, so it looks like that affect my whole page, background size and picture.

You can check code on my profile.

help?

Answer 1

If you want things to appear correctly on your phone, you have to program it for phone dimensions. So set a media query with max width and restyle everything with CSS so that it looks good via mobile. That way you will have a mobile version and a web version. This all goes in line with responsive web design.

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Answer 2

Do you mean that background image goes crazy at first ?

Answer 3

Try to use table tag(<table>) insert of paragraph tag (<p>)

That may work

Answer 4

Your welcome!

Answer 5

🇮🇳King🇺🇸Daniel🇫🇷 yeah, and as you can see first text "lore, apperance..." have some issues, but on desktop it look normal

Answer 6

🇮🇳King🇺🇸Daniel🇫🇷 ill try that litle bit later when i get home, thanks bro 🙌🏻

Answer 7

Use flexbox for responsive design