I have the problem that my email template is displayed differently on different mobile devices. The textbox is sometimes centered, but should always be left aligned.

Does anyone have an idea what this could be and how I can solve the problem?

How it should be on every devise: enter image description here

How it it (sometimes): enter image description here

CodePudding user response：

Try this in your style.css file:

    .yourClass{
        justify-content:start;
     }

Have a nice day, Angélique.

CodePudding user response：

You could try to use a media-query at the specific resolutions that look different and apply different css rules to ensure it stays left aligned. e.g.

@media (max-width: 1024px) {
  .cssClass {

  }
}

As for the reason, some screens have different pixel ratios, and therefore the padding or other values sometimes change.