Static Site Basic 04
タスク名entex_recruitmentのランディングページ1ページの静的サイト制作。
デザインファイル
| PC | SP |
|---|---|
![]() | ![]() |
作業要件
- デザインファイル(XD)を確認し、EJS/SCSSでマークアップを行うこと。参考サイト:
- タブレットサイズでの表示も意識して、全ての画面幅で見やすいコーディングをすること。
- video要素はサンプル動画を使用して実装すること。
- Companyの箇所はtableタグを使用して実装すること。
課題と要点
- デザインファイル内のデザインミスを判断し、デザインミスをコーディングで表現するような無駄な時間を消費しないこと。
- ブレークポイントを複数設定して細かいデザイン再現をすること。または、複数のブレークポイントを設定しなくても自動的にレスポンシブを行えるようなCSSを設計すること。例えば、display: flexで要素のサイズを画面比率で伸縮させつつ、最小サイズと最大サイズを設定するなど。

