I would like to place the Last Name field below the First Name field on the checkout page so that all fields are in one column. I know the field in question has a class of fc-container__grid--input--last-name
And that I can add CSS of clear: left; and margin-left: 163px; to that class to achieve this but I don't believe this is quite in line with how FoxyCart has styled it's responsive form. I have not yet tested this CSS in a reduced width device or emulator but it probably breaks the responsive look of the form.
Can someone please advise me as to how best to achieve this within the methodology that FoxyCart uses to achieve a responsive checkout form?
I am having a heck of a time following the existing FoxyCart CSS as there are many different classes and ID's that affect this field with just a single CSS property in them such that it's a real pain to try and wiggle out just the CSS classes and ID's that might be relevant to my desired change.