0

Can someone please help me???

How to make my web game responsive on every device??

27th Sep 2021, 11:29 PM
Mahdi Attaby Ibrahim
Mahdi Attaby Ibrahim - avatar
4 Answers
+ 3
Heya, Some good advice already given, but focus on media queries if you are building it from the ground up in css, or consider using a framework such as Bootstrap 3 or 4 if you are already familiar with html and css. Use F12 to see the different device widths, and play around with increasing and decreasing your browser screen manually by dragging it in and out to see how your game looks. Use %, vh, vw and rem for width and height measurements in css for font sizes etc. These are responsive by default and help your styling adapt to device widths. Lastly, consider a mobile-first approach: build your game only for mobile first, as it is generally easier to then go to desktops and tablets etc. Again, if you use BS3 or 4, this is less of an issue. Any specific questions, just let me know my friend. Good luck :)
29th Sep 2021, 9:59 PM
Ryan Hadley
Ryan Hadley - avatar
+ 3
There is a course on Sololearn called "Responsive web design", that's what you need.
27th Sep 2021, 11:37 PM
Aleksei Radchenkov
Aleksei Radchenkov - avatar
28th Sep 2021, 12:56 AM
Gordon
Gordon - avatar
+ 2
Ryan Hadley Thanks bro for your help this will help me to build my next game bro
3rd Oct 2021, 6:53 PM
Mahdi Attaby Ibrahim
Mahdi Attaby Ibrahim - avatar