はてなブログの最新記事一覧の表示を調整してみました。 - IT系女子ログ

PC表示のサイドメニューに表示される最新記事一覧なのですが、サムネイルの左にマージン（余白）があるデザインになっていました。 同じサイドメニューにあるプロフィールや検索ボックスなど、他のコンテンツは左揃えなのに、最新記事一覧だけがマージンを取っているのがとても気になったので、調整してみました。 調べていく手順もご説明していますが、調整方法だけ知りたい方は記事の最後をご覧ください。 Chromeのデベロッパーツール どの要素に何のスタイルがつけられているか調べる おそらくcssでmargin-leftに何pxか指定されているので、そのmarginを0にしちゃえばいいんだと予想できますが。どの要素にスタイルが指定されているのか調べてみます。 ブラウザはChromeで説明します。 この記事をみながら同じように作業されたい方は、ご自身のブログの画面とこの記事を別々のタブで開いておくとやりやすいと思