Using Row Spans to Create a 2 Column Form - Mobile Issues

[mssbeen]

I have followed the directions outlined in Adding Row Spans in the Gravity Forms 2.5 Form Editor Use Row Spans in Gravity Forms 2.5 Editor. I have name, phone and email in the left column and the message box in the right.

It looks great except for mobile. The message box moves below the name and phone and email are below the message box.

Would appreciate any help in getting the mobile form order to be name, email, phone, message.

[mssbeen]

Found a working answer:
@media screen and ( max-width: 768px ) {
#field_7_6 {
grid-row-start: 4;
}
}