Freelancer: DeepanjanDatta
Share:
Report Entry

Fully responsive code - View Source for details

http://deepanjandatta.com/cbs/bgright2.html - Fully responsive, bootstrap code - tested in Chrome, Firefox, Safari, Samsung Galaxy S7+, iphone 6S+. Changes to original code: 1) Added meta tag for viewport 2) Used Bootstrap containers instead of plain divs. Added HTML 5 header element. 3) Reduced form header font size for seamless responsive behavior, prevent bleeds for vertical alignment, and orphan words in smaller viewports. 4) Optimized images for better performance and load-time(desktop 205Kb >> 130kb), added mobile image (~50 kb) for performance, and better responsive UX. 5) Horizontal scroll removed. Let me know how this looks for you. Thanks!

Contest Entry #33 for                                                 Quick CSS/HTML Fix

Public Clarification Board

  • frank3d
    Contest Holder
    • 6 years ago

    thank you so much for your work. was a very close competition between the top

    • 6 years ago
    1. DeepanjanDatta
      DeepanjanDatta
      • 6 years ago

      Sure thing. Thanks for the opportunity :)

      • 6 years ago
  • DeepanjanDatta
    DeepanjanDatta
    • 6 years ago

    I've also consciously resisted adding additional script or frameworks (jQuery, or Angular) to bog down load times. :)

    • 6 years ago