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
*/
}