How do you responsive align items using Foundation?

Question

I was wondering if there was an way to align things differently based on whether its a small or large device. Example: I have a button that should right align when its a large screen and then center align on a small screen. Anyone have any ideas?

Answer 1

@media only screen and (max-width: 641px)
{
   .floatleft
  {
    float:left;
  }
}

This will make it float left only on small screens. I assume you can use this with float right and any of the other media queries.