What are the notable default styles that get applied when we set an element to display: flex;?


#1

Question

What are the notable default styles that get applied when we set an element to display: flex;?

##Answer
When we declare display: flex; on an element the notable default styles that get applied to that element are:

  • flex-direction: row;
  • justify-content: flex-start;
  • flex-shrink: 1;
  • align-items: stretch;
  • flex-basis: auto;
  • flex-wrap: nowrap;