title: Disable CSS transitions on window resize?
body: <p>I'm surprised I can't find any solutions to this. I've got four square divs which are in a line at full-screen, in a 2x2 grid at mobile size. They change colour with a CSS transition on click. </p>
  
  <p>But when I resize my window, they float about the page into their new positions - an unwanted side effect of the CSS transition. I've tried using JQuery to toggle the transitions while resizing, which keeps them from floating, but there's a 50% chance that the transition class will be inactive when you stop resizing!</p>
  
  <p>I've not put any code in here as it seems like such a simple problem. Does anybody have any simple solutions?</p>