【テスト入力パターン集】Webフォームの単体テストでチェックすべき18のポイント

このサイトと見比べた時、自分のサイトは見づらいな、と感じて原因を探した。
参考サイトと比較して悪いと思われる項目を列挙

• カラムの枠が強いのに幅が小さいのでせせこましくみえる
• フォントサイズも小さいので同上（参考サイトfont-size:16px;本サイトfont-size:15px）
• タイトルタグのメリハリが弱く小さいので見づらい

タイトルの対応

各タイトルのフォントサイズをなんとなく
h2 = 120%
h3 = 110%;
h4 = 100%;
くらいで設定していたが、
h2 = 160%
h3 = 130%;
h4 = 110%;
これくらいメリハリをつけると見やすくなった。

横幅の対応

横幅を1000pxから1100pxに変更
主にメインコンテンツの幅を広げてゆったりした記事を目指した。

有料テンプレートに置き換え

テンプレ修正に時間を取られて、他のことが手につかなくなるのを避けるため、colorsテンプレートを購入