title: Changing website layout based on screen size and browser window size in Rails
body: <p>I have a website that's working on 1200px(large desktop) screen. Now I would like this to be worked on different screen sizes and browser window sizes. </p>
  
  <p>Issue : When I reduce the screen size, some tabs that are on my website go invisible. </p>
  
  <p>How do we do it in Rails. I have searched and found out that CSS - media is the only way to do it . This way we have to write different css files for each screen size. Is there an efficient way to do this in rails? .As in, size of the elements change dynamically based on the screen size with out the change of CSS files?</p>
  
  <p>Thanks!</p>