HTML・CSS
サービス紹介ページ
初級

デザイン提供

Muse Academy
課題
ヒント

この画面を開発してください。
全く同じに作れなくても構いません。自分の技術でできる範囲に仕様を変えてみましょう。
分からない部分は、インターネットで調べたり、「#Codiary」タグで質問して皆で助け合いましょう!

素材はこちら
仕様の説明

段組みや「カード」デザインを組み合わせて、サービスの情報を分かりやすく伝えるページを作りましょう。

【応用】段組みは、スマートフォンで表示する場合など、画面の横幅が変わると表示が崩れてしまいます。スマートフォンの場合には1段組みで表示されるようにしましょう。

投稿する
ヒント

完成したら、サイトをインターネットに公開してから、Twitterでシェアしましょう。
「#Codiary」のタグをつけてつぶやくと、あなたのつくったサイトが「みんなの投稿」で紹介されます。(最大で1日程度の時間がかかります。)
サイトをインターネットに公開する方法は、こちらのチュートリアルで解説しています。

ツイートする
みんなの投稿