本当にこの分野は素人なのですが、頑張ってブログの css をさらにいじってみました。
変更点
- 最大横幅がブラウザの幅に合うようになったと思います。
- 行間を少し縮めました。
- サイドバーが下に行ってしまったので、サイドバーの要素が横に並ぶようにしてみました。
これで心持ち本文が広く書けるようになった気がします。
設定
@media screen and (min-width:980px) { #container { width:Auto; margin:20px 20px 20px 20px; } #wrapper { width:Auto; padding:0px 20px 0px 20px; } #content { padding:0px; } #main { width:Auto; padding:0px 20px 0px 130px; } #box2 { width:Auto; float:left; padding:20px 10px 0px 20px; border-top:1px solid lightgray; margin:0px 40px; } .entry-content { line-height:1.6; } .hatena-module { padding:0px 20px 0px 20px; float:left; } }