Mobile Stacking Order in Drag and Drop Email Template
I am trying to create an email with multiple content sections. In a non-mobile view, the image and copy in each content section would alternate sides of the screen (i.e. Section 1: Image Left and Copy Right, Section 2: Image Right and Copy Left etc.).
Using the drag and drop email template builder, I have created an email which does this (see above) - except in mobile view (see below).
I tried using this article to help me with code to create a mobile stacking order (https://designers.hubspot.com/docs/snippets/responsive/how-to-customize-your-mobile-stacking-order). As I couldn't see how to attach a css file, I added to code to the head markup in the email template:
and added the css classes to the modules:
It's not working and as a marketer, not a developer, I'm out of my depth now. Can anyone help me resolve the issue please?