現象：スマホで見ると、画像が画面幅に収まっていない。

ブログのmain-columnにmax-width: 700pxを指定していたので、preタグを使用したときにwidth: 100%が700pxに計算され(?)、スクリーン幅を超えてしまっていた。

レスポンシブデザインのために@media-queryを使っているので、main-columnの横幅をモバイルではmax-width: 100%にし、横幅が大きい場合のみmax-width: 700pxを適用した。