Base Apparel coming soon page(BOOTSTRAP)

Community feedback

• 

  P

  Arianna Choza•260

  @unachozaPosted about 1 year ago

  regarding your submit button issue:

  you have div class="invalid-feedback"> between the <input/> and the <button> elements. This is fine because it is set to display:none whilst no error is present, completely removing it from the DOM Tree, making it seem as though there is nothing between <input/> and <button>. When the form does detect an error, your div class="invalid-feedback"> becomes display: block which adds the element into the DOM creating the space between the elements.

  if you want to hold space for the element (so elements don't move upon rerender), you can use the visibility property, set to; visibility: hidden. then change to visibility: visible. read more https://www.freecodecamp.org/news/css-display-none-and-visibility-hidden-the-difference/

  suggestion to fix your code move the div class="invalid-feedback"> beneath <button> element. This should stop your button from jumping down if there is an error.

  0