[User]

But it works 🤷‍♂️

…after I’d sent it via thenewsletterplugin, it is displayed side by side in the desktop view (Thunderbird) and one below the other on my smartphone… just test it 😎

[User]

Hello Michael,

I’ve found a suitable solution that integrates the CSS into the HTML tags and worked very well 🤓. Here’s my solution (this source code can be inserted into an HTML block):

<div style=”display: flex; flex-wrap: wrap; gap: 10px;”>
<div style=”flex: 1 1 200px; background: #eee; padding: 15px;”>
<h3>Column 1</h3>
<p>Contents of the first column.</p>
</div>
<div style=”flex: 1 1 200px; background: #ddd; padding: 15px;”>
<h3>Column 2</h3>
<p>Contents of the second column.</p>
</div>
</div>

[User]

Hello Michael,

thanks for your suggestion, but that’s still not the solution… The issue is that the fields should displayed side-by-side in the desktop view, but as soon as the resolution gets too low, the fields should be displayed one below the other. As far as I know, this only works with a DIV tag and CSS. If you know a HTML solution for this, that would be great, because a snippet like that is always useful…

… it would also super to have a function “additional CSS” in thenewsletterplugin.

[User]

Hello Michael,

I’ve already tried many things, for example, a table with two columns. However, in the mobile view, this caused the frame to extend to the right, creating a scroll bar. Could you please post an example of your solution?

Adrian

[Author]

Posts