Draft out the design of how it will look like.

Starting from the top, Grass | River | Ground. Black represents bridge that are built. Deep Grey represents the next bridge that needs to be built. Light grey represents bridge that is yet to be build.

Before using all the fancy tools, I figured I should just use plain HTML and Tailwind to create the markup and have a feel of how it will look like and how the
structure will be like in preparation for a more dynamic experience.

At this point, my key consideration is that will I be able to find image/sprites that conform to the size of my bridge? What if screen sizes changes, will everything mess up? Should I use background for the image instead of image source?

This basic design is still missing some elements.
1) Scoreboard
2) Mini Games Questions

There will also be another design which serve as an external controller that players will see on their mobile.

Alot more work to go!