レスポンシブWEBデザインの横幅がうまくいかない

Question

質問失礼いたします。

現在、初めてレスポンシブデザインの模写コーディングを実施しているのですが、横幅を指定した際に写真２の様にしたいのですが、写真３の様に画面から消えてしまいます。

メディアクエリを利用して、１２００pxよりも小さくなった場合の指定をしたのですが、うまく行きません。

可能であればご教示願いたいです。

よろしくお願いいたします。

写真１、２：見本
写真３：現在私がコーディングしているもの
写真４〜８：HTML /CSSです。

駆け出しなので使える言語はHTMLとCSSのみです。

Comments

[hatena19]

コードは画像ではなく、コピーして貼り付けてコードブロックにしてください。
コードを選択して、メニューバーの </> (コードの挿入) をクリックするとコードブロックになります。