Difference between and visiblity: hidden

visibility:hidden hides the element, but it still takes up space in the layout.

removes the element from the document. It does not take up any space.

Box 1
Italy
Box 2
Lights
Box 3
Forest
Invite Friend