bulmaのcolumnを使った際にモバイル表示するとサイドに余白が出る場合の対処

症状

  • 下記の緑領域のように,classcolumn指定した要素のpaddingが,モバイル表示した際に画面外に表示されてしまう

解決

  • 下記bodyへのcss設定を入れる
    ...  
    <style lang="scss">  
    ...  
    body { overflow-x: hidden; }  
    ...  
    </style>  

参考