NOTE: You can download the template from https://github.com/charlesmudy/responsive-html-email-template
Although I am a fan of the template, I am encountering challenges when trying to adjust the width and ensure it responds correctly. I'm not sure why this is happening. There's a suggestion at the beginning that to change the widths, you should perform a find and replace with the following sizes:
wrapper : '500',
columns : '210',
x-columns : [
left : '90',
right: '350'
]
However, after changing the wrapper to 750, columns to 335 (half of 750 minus 80 for padding as done in 500/210), and x-columns to 142 and 448 respectively, things are not functioning as expected.
When I resize the browser, the template doesn't switch to one column until 480px, causing the right column to be partially hidden between 481-750px. Reverting back to the original sizes resolves the issue. I'm puzzled as to what I might be overlooking.