質問: Airbnbの模写をしていますが、画像が幅いっぱいに表示されず途切れてしまいます。 ググって見たのですが、解決できませんでした。 何でも構いませんので、ご教授お願い致します。 【状況】 header右側部分の画像が途切れてしまう。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/ef55070fd56ee3bbb27b0a1dc5f02f11.png) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/6a1cc64c0d091f6f4c6a7cc227b0283f.png) 【HTMLコード】 概要 準備 安全 マネープラン Airbnbホストになって、暮らしをレベルアップ どれくらいの収入が見込めるかチェック まるまる貸切 個室 シェアルーム ゲスト1人 ゲスト2人 ゲスト3人 ¥ 145,228月あたり はじめる 【cssコード】 /* PC・タブレット・スマホ共通の設定 */ .header-cover { background: url("image/image4.jpg"); background-size: cover; width: 100%; height: 750px; position: relative; padding: 0; } 〜 /* タブレット */ @media (max-width: 992px) { .header-cover { width: 100%; height: 550px; } 〜 /* スマホ */ @media (max-width: 780px) { .header-cover { width: 100%; height: 400px; }
回答: 上記で記載した意外のコードを確認したところ、余計なmarginが効いていたことが原因でした。 原因を修正したところ解決しました。