Since Misairu Battle is a web-based game written in HTML and Javascript, we wanted to leverage the same code and design for both mobile and desktop.

Turns out, <table>-s are a pretty OK way to achieve this.

This is how the battle game looks like on a typical desktop browser:

This is how it looks like on a mobile browser (iPhone):

We’re quite happy with this outcome because it turned out better than expected. What do you think? Check it out yourself and let us know in the comments!

Discussion about this post

Ready for more?