Skip to content

Commit

Permalink
Input width changed
Browse files Browse the repository at this point in the history 
Form alignment was brought back to as it was, and width of input fields  were reduced.
  • Loading branch information
@Light13008
Light13008 committed Oct 26, 2023
1 parent 52f4b30 commit 8de4402
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 40 deletions.
7 changes: 6 additions & 1 deletion order.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,8 @@ row{
form{
padding: 20px;
color: white;
width: 50%;
width: 98%;

}

li span{
Expand Down Expand Up @@ -106,3 +107,7 @@ body{
color: #000000;
}


#inputAddress, #inputAddress2{
width: 55%;
}
71 changes: 32 additions & 39 deletions order.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,40 +78,30 @@ <h2> Step 1 - My Awesome Cart Express Checkout - Review Your Cart items </h2>
</div>
</a>
</div>
<div class="col my-4">
<h2> Step 2 - Enter Address & Other Details</h2>
<form class="row g-3">
<div class="col-md-6" >
<div class="col-12">
<div class="form-group">
<label for="inputEmail4" class="form-label">Name</label>
<input type="text" class="form-control" id="inputEmail4" required>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label for="inputphone" class="form-label">Number</label>
<input type="tel" class="form-control" id="inputPassword4" maxlength="10" required>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label for="inputAddress" class="form-label">Email Address</label>
<input type="email" class="form-control" id="inputAddress" placeholder="email@ServiceProvider.com" required>
</div>
</div>
<div class="col-12">
<div class="form-group">
<label for="inputAddress2" class="form-label">Address</label>
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio or floor" required>
</div>
</div>
</form>
</div>

<div class="col-md-4" style="color: aliceblue; margin-left: 1.5% ;">
<label for="inputState" class="form-label">State</label>
<select id="inputState" class="form-select" required>
<div class="col my-4">
<h2> Step 2 - Enter Address & Other Details</h2>
<form class="row g-3">
<div class="col-md-6">
<label for="inputEmail4" class="form-label">Name</label>
<input type="text" class="form-control" id="inputEmail4" required>
</div>
<div class="col-md-6">
<label for="inputphone" class="form-label">Number</label>
<input type="tel" class="form-control" id="inputPassword4" maxlength="10" required>
</div>
<div class="col-12">
<label for="inputAddress" class="form-label">Email Address</label>
<input type="text" class="form-control" id="inputAddress" placeholder="email@ServiceProvider.com" required>
</div>
<div class="col-12">
<label for="inputAddress2" class="form-label">Address</label>
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor" required>
</div>


<div class="col-md-4">
<label for="inputState" class="form-label">State</label>
<select id="inputState" class="form-select" required>
<option selected>Select your State</option>
<option>Andhra Pradesh</option>
<option>Arunachal Pradesh</option>
Expand Down Expand Up @@ -143,14 +133,17 @@ <h2> Step 2 - Enter Address & Other Details</h2>
<option>West Bengal</option>
</select>
</div>
<div class="col-md-6" style="color: aliceblue; margin-left: 1.5% ;">
<label for="inputCity" class="form-label" >City</label>
<input type="text" class="form-control" id="inputCity" required>
</div>



<div class="col-md-6">
<label for="inputCity" class="form-label">City</label>
<input type="text" class="form-control" id="inputCity" required>
</div>

<div class="col-12 submit">
<button type="submit" class="btn btn-primary">Order Now</button>
</div>

</form>
</div>
</div>
Expand Down

0 comments on commit 8de4402

Please sign in to comment.