Difference between “visibility:collapse” and “display:none”

Question

What is the difference between visibility:collapse and display:none?

Answer 1

You can also apply visibility: collapse on an element under a flexbox container (a flex item). It will act as you're applying it on an element with display: table-row or display: table-column