求職者支援訓練webサイト制作科授業資料

フェリカテクニカルアカデミー池袋の求職者支援訓練webサイト制作科7月クラスの授業解説ブログです。

レスポンシブデザインを考えたナビゲーション

前回作ったメニュー部分をPCの時には横並びのメニューが表示されていて、スマホ時にはメニューが隠れている状態で表示されるような作りにしてみましょう。


PCサイト
f:id:yachin29:20161005202521p:plain


スマホサイト
f:id:yachin29:20161005202634p:plain


ただ、このままでは色々と問題があり、修正が必要です。どこが問題点かをしっかり理解して修正すべき部分を明確にしましょう。