【設問１】
下記リンク先ページについて次の改修をしてください。
対象ブラウザは現時点で最新のGoogle Chromeとし、スタイルシートはquestion1/style.cssに記入してください。クラスの追加と命名規則は自由とします。
設問１のページへ①ブレークポイント700pxでレスポンシブ化してください。
横幅700px以上で「コンテンツ１」と「コンテンツ２」を横並び表示に。インナー幅の最大値は1000pxに。
フレックスボックスレイアウトを使用してください。
h1部分は現状どおりで結構です。
②ページの見栄えを整えてください。
見出しと本文について、スタイルシートを用いて見栄えを整えてください
ページのターゲット層は30代男性ビジネスマン。ページのメインカラーは#ffa600。画像は不要です。
スマホで閲覧した際の読みやすさを重視してください。
上記を踏まえて自由にデザインしてください。
【設問２】
下の「書き出しコンテンツ」と記載された領域を出力するphpファイル「inc.php」を作成し、これを設問１で改修したページからインクルードして表示させてください。
書き出しコンテンツ
inc.phpはquestion1/phpのディレクトリに格納してください。
書き出すコンテンツのソースは当ページ該当部分をコピーしてください。
横並びにしたコンテンツ１・２の下側に表示させてください。このコンテンツは横並びに含めず、独立した領域にしてください。