css grid flex html JS

Community feedback

• 

  Rio Cantre•9,690

  @RioCantrePosted over 2 years ago

  Hello there! Good job in this challenge. Viewing the solution, I think you should consider the following as well…

  • Instead of placing the icons in the placeholder, another approach is to add the image next to it. Like this example...

   <div class="input-wrapper">
           <input class="input-text" type="text" name="people" id="people" placeholder="0">
           <img src="./images/icon-person.svg" alt="person-icon">
  </div>
  

  Refactor the input part with this...

   <div class="people">
          <div class="hid">
          <p>Number of People</p> <p class="can hide">Can't be zero</p>
          </div>
         <div>
              <input placeholder="🧍‍♂️" type="number" name="people" class="num" id="people">
              <img src="" alt"" />
         </div>
  </div>
  

  Another approach would be this one Forms in icon

  • Adjust the breakpoints of the media query, starting at 725px

  Above all, Well done! Keep it up and Hope this is helpful!

  Marked as helpful

  0

  ---

  

  giorgi•140

  @Lomsk1Posted over 2 years ago

  @RioCantre thank you ! now i guess everything.

  1