Switch form layout depending on the device it is viewed, Ex: Card Form for Mobile and Classic Form for Desktop

Is there a way to program my form so that mobile users get the Card Form layout and desktop users get the Classic Form layout?

Sorry but that's not possible. You may consider using two separate forms for that. 1 card form for mobile and 1 separate form for desktop.

The way, the classic form is actually mobile responsive. All fields would appear nicely when viewed on mobile but it can't be displayed one field per page like how the card form works.

Example, this is how a classic version of your form would look on mobile.

I also like this idea so let me also escalate this as a feature request to our development team so hopefully, this will be considered in the future.