title: How to detect CSS flex wrap event
body: <p>I have flex container with items inside. How to detect flex wrap event? I want to apply some new css to elements that have been wrapped. I suppose that it is impossible to detect wrap event by pure css. But it would be very powerful feature! I can try to "catch" this break point event by media query when element wraps into new line/row. But this is a terrible approach. I can try to detect it by script, but it's also not very good.</p>
  
  <p><img src="https://i.stack.imgur.com/9Ctum.jpg" alt="Look at the picture"></p>
  
  <p>I am very surprised, but simple $("#element").resize() doesn't work to detect height or width changes of flex container to apply appropriate css to child elements. LOL.</p>
  
  <p>I have found that only this example of jquery code works
  <a href="https://stackoverflow.com/questions/18743144/jquery-event-listen-on-position-changed">jquery event listen on position changed</a></p>
  
  <p>But still terribly.</p>