サイトレビュー12

レスポンシブコーディング 勉強中のため、ブレイクポイントがあるのか、どういう変化があるのかを見てみました。

①デジャヴ公式ブランドサイト

dejavu（デジャヴュ公式ブランドサイト）

・ブレイクポイントはなかった（と思う）

・NEWSとPICKUP部分は、スマホで見てもボックスが横並びになっていて、横にスクロールして見られるようになっている

②株式会社エクスクルシーブジャパン

株式会社エクスクルーシブジャパン｜EXCLUSIVE JAPAN inc.

・ブレイクポイント→960pxになるとメイン画像の表示が変わる

③大成紙器製作所

大成紙器製作所｜SIKIGU

・ブレイクポイント→768px

・768px以下になるとナビゲーション、ロゴが画像の左下から真ん中になる、INFOMATIONの日付と見出しが１行から２行になる、フッターの並びが変わる等。

④mento

mento（メント）| パーソナル・コーチングサービス

・ブレイクポイントはなかった（と思う）画面サイズに合わせてコンテンツ幅が変わる。

⑤清水寺

音羽山 清水寺

・ブレイクポイント→800px、480px

・800px以下になるとナビゲーション、特集・ご案内・バナー部分の写真の横並びが縦に並ぶ。480px以下になると更新情報が横２列から縦一列になる。

（SNS・YouTubeやってるのすごい。。）

【デザインの共通点】

・SPで見た時：サイト上部（右上）にハンバーガーメニュー固定表示

レスポンシブとナビゲーション表示はまだまだ復習が必要です◎