@media (min-width: 768px) {
    form[id^="formContatti"] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 1rem;
        grid-template-areas:
      "name    surname"
      "email   tel"
      "msg     msg"
      "static  static"
      "check   check"
      "actions actions";
    }

    form[id^="formContatti"] > .form-element-text:has(input[placeholder="Nome"])     { grid-area: name; }
    form[id^="formContatti"] > .form-element-text:has(input[placeholder="Cognome"])  { grid-area: surname; }
    form[id^="formContatti"] > .form-element-text:has(input[placeholder="Email"])    { grid-area: email; }
    form[id^="formContatti"] > .form-element-text:has(input[placeholder="Telefono"]) { grid-area: tel; }
    form[id^="formContatti"] > .form-element-textarea                                { grid-area: msg; }
    form[id^="formContatti"] > .form-element-statictext                              { grid-area: static; }
    form[id^="formContatti"] > .form-element-gridrow                                 { grid-area: check; }
    form[id^="formContatti"] > .form-actions                                         { grid-area: actions; }
}