I created an email template using Foundation's Inky framework, which you can check out here:
https://i.sstatic.net/VJJAm.png
The design features a gray background color that looks great in full viewport mode. However, when I resize the window to a certain size, the gray background disappears and appears strange:
https://i.sstatic.net/iY2kx.png
Currently, only the header section retains the gray background while the rest doesn't. My goal is to have the gray background remain consistent regardless of the viewport size. I attempted to use a <wrapper> element as suggested in the Inky documentation, but it didn't solve the issue.
<wrapper bgcolor="#f3f3f3">
<container>
<row>
//content goes here
</row>
</container>
</wrapper>
I'm aiming for the design to resemble this template where the gray background stays visible throughout: