Why does horizontal scroll bar appear on mobile view? How to fit layout to mobile screens?

On mobile layout, we need to set the width equal to the screen width. 
  • Go to 'Layout tab' in Design panel 
  • Edit the layout
  • Select mobile step tab and click on 'Advanced'
  • On 'Setup' tab, turn on 'Fit layout width to screen width' check box