はてなブログでヘッダー、タイトル画像の余白を消す方法と、スマホ対応（レスポンシブデザイン） - IT系アラサーOLの悲喜こもごも日記

こんにちは！IT系アラサーOLのスプラウトです(｀・ω・´) ブログのカスタマイズをするときに、ちょっとつまづいたことがあったのでこちらに書いておきます。 ちなみに前提として、ブログのデザインは、SOHOを利用してます。 SOHO - テーマ ストア ブログのカスタマイズ全般の記事はこちら sprout-wings.hatenablog.com 目次 はてなブログのヘッダー画像（タイトル画像）設定時に起こった問題 まずはググってみたが解決せず シスくん（夫）！ヘルプ！ 1. 設定した画像サイズ 2. ヘッダー画像を設定する 3. デザインCSSにコードを追加 いい感じに画像が設定できました はてなブログのヘッダー画像（タイトル画像）設定時に起こった問題 はてなブログのカスタマイズの一環で、ブログのヘッダーに画像を設定しました。 その時に、PC・スマホ双方で以下のような問題が起こりました。

[defender_21]

かわいらしい

[kokokaku]

すっごいです！きっと私もそうなって、解決できなかったことでしょう。ハードルが下がるのは、何よりありがたいことです。