Responsive Lab
Two hands-on demos of the services I sell: a clean landing page for a local shop, and the same page's layout fixed — broken on the left, fixed on the right.
The idea
A shop owner should see what they are paying for before they pay. These two demos show the services side by side: one clear landing page for a local shop, and a before-and-after of the layout bugs that lose customers on phones — sideways scroll, cut-off titles, tiny buttons — fixed in plain view.
Screenshots
System Overview
Two interactive demos of the services I sell. The landing page demo is a complete page for a fictional bakery in Jamalpur: hero, menu, order builder, FAQ, visit, and contact — labelled as a demo everywhere, with example prices and hours. The layout-fix demo shows the same bakery cards broken, then fixed: a fixed 900px container, nowrap titles, a row that never stacks, tiny buttons, and a stretched image box — five named bugs, with a code-diff view and a draggable before/after slider on the homepage. Both are mobile-first with no horizontal scroll, and both are labelled as demos, not real shops.
Key Engineering Features
- Complete landing page demo: hero, menu filter, order builder, FAQ, visit, contact
- Order total in ৳, with a message draft, demo only
- Before-and-after layout fix in a 360px phone frame, with a draggable slider
- Five named bugs, plus a code-diff view
- Fixed version checked for no horizontal scroll at phone width
- Clear demo labelling everywhere — prices and hours are examples