Reputation: 15
I have two forms of which I want a fixed full screen size, but trying all bootstrap options they don't become responsive at lower resolutions.
what should i do to make them responsive? here is the code:
<form action='' method="post">
<div class="mb-3" style="width: 800px;">
<label for="exampleFormControlTextarea1" class="form-label">Write your review</label>
<textarea name="messaggio" class="form-control" id="exampleFormControlTextarea1" rows="8" placeholder="your review"></textarea>
</div>
<p>Language Review :
<select name="language" class="form-select" aria-label="Default select example"style="width: 400px;" >
<option value="english">English</option>
<option value="deutsche">Deutsche</option>
<option value="español">Español</option>
<option value="français">Français</option>
<option value="italiano">Italiano</option>
Upvotes: 0
Views: 280
Reputation: 171
You need to remove inline css from the div <div class="mb-3" style="width: 800px;">
.
Upvotes: 1