'How to put columns resize feature like bootstrap using inline css for html email design?

When we use bootstrap CSS in the HTML page there is a Grid layout where a column showing on half-page will expand to the full page if the screen is smaller. In bootstrap, we declare this using grid columns like col-sm-12 and col-md-6 etc.

I am designing an email client where inline CSS is the option for designing but whatever div size we put for web browser does not work well for mobile as it does not resize. Do you have any suggestions please how to achieve the same feature as bootstrap in email template using inline CSS?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source