title: How to render different components based off device size?
body: <p>I'm looking to build a responsive app that has a break point at 1024. 
  When a user logs in/signs up, there will be a few questions to be answered.</p>
  
  <p>On mobile, this will be rendered as one question on the screen at a time. The user will then see a sliding transition screen moving them to the next question.</p>
  
  <p>Once the break point is exceeded, all questions will be rendered on the screen simultaneously.</p>
  
  <p>Does anyone know if there are any styling frameworks that work with something like this, or any work-arounds for a conditional render based off pixel width?</p>
  
  <p>This will be a React based app. Currently using foundation for the styling. </p>
  
  <p>Thank you!!</p>