Responsiveness. Using images for text containers
For the user dashboard, I decided to get creative. I put together a prototype of a desk with multiple text elements https://i.stack.imgur.com/fuwAx.jpg and handed it off for development. Using Absolute property in CSS, the result was fragmented http://altwork.techstaged.co.in/dashboard. The goal is to retain the elements so the page is cohesive and looks like a desk while making sure the user can read and enter text. Buttons are for navigation to different parts of the site. Together the developer and I explored two solutions:
- Staying with individually separate elements of the desk and playing with the sizing and spacing.
- Using fixed element width and incorporating scroll bars. Both were not great.
At this point, should I scrap the desk idea and go for the typical geometrically-sound modular dashboard design. Or is there something else I can try?
