0

background image is not fitting on other phone's screen code is in description only body tag is written due to word limit

<html> <head></head> <body> <form> <p><input type="email" placeholder="email" name="email"></p> <p><input type="password" placeholder="password" name="pword"></p> <p><input type="button" value="login"></p> </form> </body> </html> form{ box-sizing:border-box; border:2px bold #fff; border-radi:;us:5px; padding:20px; margin-top:60px; margin-bottom:50px; margin-left:20px; margin-right:20px; background-color:rgba(229,229,229,0.3); } input[type="email"], input[type="password"]{ width:100%; border:5px solid #fff; border-radius:5px; } input[type="button"]{ width:100%; background-color:Dodgerblue; border:none; border-radius:5px; padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:30px; } body{ background-image:url("https://i.ibb.co/NWNR5YR/oksik1312-i-EIo1zi-EM-Q-unsplash.jpg"); background-size:100% 150%; background-repeat:no-repeat; }

28th May 2021, 9:44 AM
MITESH CHOUDHARY
MITESH CHOUDHARY - avatar
1 Antwort
0
I think it works... body{ background-image:url("https://i.ibb.co/NWNR5YR/oksik1312-i-EIo1zi-EM-Q-unsplash.jpg"); background-size:100% 100%; background-repeat:no-repeat; } You can save code in playground and share link here... edit: see this. https://www.sololearn.com/post/75089/?ref=app
28th May 2021, 10:46 AM
Jayakrishna 🇮🇳