Front-end - What does display: -webkit-flex; mean?

Question

I was watching a tutorial and there was such an attribute. Does this have the same meaning as display: flex;?
Thanks!

Answer 1

For compatibility, usually write both of them, as follows

#main {
        display: flex;
        display:-webkit-flex;
        
    }

This way the compatibility is better. Which one to use is left to the browser to decide. Both effects are the same.

Answer 2

-webkit- is the browser prefix, compatible with older browsers

Answer 3

Flexible layout, in order to be compatible with webkit kernel. So add -webkit, and -moz, -ms, -o compatibility.

Answer 4

Search engines are a good thing, really