演習課題「divタグのクラスにcontainerを追加する」

右側のコードエリアのhtmlのdivタグに「container」というクラスを追加してください。

採点をして、エラーが出なければ、演習課題クリアです!

期待する出力値


演習課題「見出しにCSSクラスを適用する」

右側のコードエリアのhtmlは、divタグの中に「hello paiza」という見出しを表示します。
このdivタグに「starter-template」というクラスを追加して、見出しの周囲のエリアに「starter-template」のスタイルを適用してください。

採点をして、エラーが出なければ、演習課題クリアです!

期待する出力値


※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む

#05:レスポンシブデザインにしよう

ここでは、Bootstrapのコンテナという機能を使って、Webページのデザインを整えていきます。そして、PCでもスマートフォンでも、レイアウトが崩れにくいレスポンシブデザインを実現します。