flex
display:flex; => flex
flex-direction:row, row-reverse, column, column-reverse
flex-direction:row => flex-row
flex-direction:row-reverse=> flex-row-reverse
flex-direction:column => flex-col
flex-direction:column-reverse => flew-col-reverse
overflow:auto; => overflow-auto
overflow:hidden; => overflow-hidden
overflow:visible; => overflow-visible
overflow:scroll; => overflow-scroll
overflow-y-auto=scroll
flex-wrap: wrap; =>flex-wrap
flex-wrap: wrap-reverse =>flex-wrap-reverse
flex-wrap: nowrap;=>flex-nowrap
justify-content: flex-start; =>justify-start
justify-content: flex-end; =>justify-end
justify-content:flex-center;=>justify-center
justify-content:flex-between;=>justify-between
justify-content:flex-around;=>justify-around
justify-content:flex-evenly;=>justify-evenly
align-item: flex-start;=> items-start
align-item: flex-end;=>items-end
align-item: flex-center;=>items-center
align-item: flex-baseline;=>items-baseline
align-item: flex-stretch;=>items-stretch
shadow-lg
