レスポンシブ対応(コンテンツなし)画面作成

nametake55 edited this page Jul 10, 2017 · 2 revisions

レスポンシブ対応(コンテンツなし)画面作成

課題の対象者

  • レスポンシブ対応した画面を作成した事がない人
  • レスポンシブ対応した画面を作成したことがあるが、「Flexbox」を使用したことがない人

課題のゴール

  • Flexbox※1を利用してレスポンシブ対応した画面を作成する
    ※1:レスポンシブ対応した画面の実現方法の一つ

課題で得られること

  • Flexboxの記法を理解できる
  • レスポンシブデザインを構成する以下の要素について理解できる
    • メディアクエリー
    • ブレイクポイント

課題の内容

  • Flexboxを使ってレスポンシブ対応した画面を作成する
  • 実施後、コードレビューを行う

課題の制約

  • スタイルシートの記載はCSSで行う(Sassは利用しない)

課題の置き場所

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.