I'm struggling to make my form responsive. It looks fine on desktop, but not on mobile.
As a beginner, I feel lost... Any help with this would be greatly appreciated.
Here's the code snippet:
<div class="container">
<div class="row mt-1">
<div class="col-lg-6 col-md-6 col-xs-12">
<form action="https://formspree.io/mvowablq" method="POST">
<div class="form-group">
<label for="name">Name:</label>
<input
type="name"
class="form-control"
id="name"
placeholder="Enter your name"
name="name"
/>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input
type="email"
class="form-control"
id="email"
placeholder="Enter your email address"
name="_replyto"
/>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea
class="form-control"
name="message"
id="message"
cols="30"
rows="10"
></textarea>
</div>
<button type="submit" class="btn btn-default">Send</button>
</form>
</div>
<div class="col-lg-6 col-md-6">
<img
class="img-fluid"
src="/Selected - Contact/7DFB6BE4-B9D8-470A-8A4F-AF11EFA7F565.png"
alt=""
/>
</div>
</div>
</div>