Skip to content

Change HTML & CSS code like follows #2

@Tharindu37

Description

@Tharindu37

Hotello/index.html

Lines 56 to 81 in 48a3cef

<div class="list" style="width: 30%;">
<form class="form">
<select style="padding: 20px;" class="items" name="Guests" id="Guest-no">
<option selected disabled hidden value="volvo">Guest</option>
<option value="saab">1</option>
<option value="opel">2</option>
<option value="audi">3</option>
<option value="audi">4</option>
<option value="audi">5</option>
</select>
</form>
</div>
<div class="list" style="width: 30%;">
<form class="form">
<select style="padding: 20px;" class="items" name="children" id="children-no">
<option value="volvo">Children</option>
<option value="saab">1</option>
<option value="opel">2</option>
<option value="audi">3</option>
<option value="audi">4</option>
<option value="audi">5</option>
</select>
</form>
</div>
<div style="width: 20%;" class="list" >

Change above HTML code like follows

<div class="list"  style="width: 25%;"> 
     <form class="form"> 
         <select style="padding: 20px;" class="items" name="Guests" id="Guest-no"> 
              
             <option selected disabled hidden value="volvo">Guest</option> 
             <option value="saab">1</option> 
             <option value="opel">2</option> 
             <option value="audi">3</option> 
             <option value="audi">4</option> 
             <option value="audi">5</option> 
           </select> 
     </form> 
 </div> 
 <div class="list"  style="width: 25%;"> 
     <form class="form"> 
         <select style="padding: 20px;" class="items" name="children" id="children-no"> 
             <option value="volvo">Children</option> 
             <option value="saab">1</option> 
             <option value="opel">2</option> 
             <option value="audi">3</option> 
             <option value="audi">4</option> 
             <option value="audi">5</option> 
           </select> 
     </form> 
 </div> 
 <div  style="width: 25%;" class="list" > 

Change CSS code like follows

.lists {
    margin-top: 100px;
    overflow: hidden;
    display: flex;
    width: 80%;
    background-color: #ffffff;
    justify-content: space-between;

}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions