What is the effect of setting display: flex on an element?
display: flex
The element becomes a flex container and its direct children become flex items.
Every descendant at every nesting level becomes an item in one shared flex layout.
All child elements are converted permanently into plain inline text.
The element and all of its children are hidden.