I'm currently working on a mobile responsive web app and I have successfully adjusted it to display properly on mobile devices. However, I am now looking to implement a multi-step form instead of having the second form appear above the first one when viewed on mobile devices.
Below is the code snippet I have been working on:
<div class="container">
<form action="/action_page.php">
<div class="row">
<div class="col-25">
<label for="fname">First Name</label>
</div>
<div class="col-75">
<input type="text" id="fname" name="firstname" placeholder="Your name..">
</div>
</div>
<div class="row">
<div class="col-25">
<label for="lname">Last Name</label>
</div>
<div class="col-75">
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
</div>
</div>
</form>
</div>(I currently have two similar forms for this purpose)