Answers for "what is difference visibility and display"

css difference between display and visibility

.div-1{
  display: none;
  /* 
  .div-1 Will not reserve a place on the page
  the element will not allocate a space in the page and will not be visible
  */
}
.div-2{
  visibility: visible;
  /* 
  .div-2 Will reserve a place on the page
  the element allocate a space in the page, but its not visible
  */
}