DIVパズル

DIVパズル

レスポンシブ課題

レスポンシブでの実装に挑戦しましょう。DIVパズルで実践したcssを使用したレイアウトに慣れたら、次はパソコン画面の幅とスマートフォンの幅それぞれでレイアウトが切り替わるレスポンシブな実装に取り組んでください。 スタイルの切り替え方...
DIVパズル

DIVパズル01

reset.cssの作り方 ※現在Gitでdevelopブランチにチェックアウトするとreset.cssが自動で生成されます。 以下のファイルの作成は参考までにしてください。 コーディングを始める時にreset.css...
DIVパズル

DIVパズル02

注意事項 高さ(height)は指定しなくても良いところは指定しないようにしましょう タグの間違えに注意しましょう コンテンツ全体が画面の中央に表示されるように margin: 0 auto; などを使用してく...
DIVパズル

DIVパズル03

注意事項 高さ(height)は指定しなくても良いところは指定しないようにしましょう タグの間違えに注意しましょう コンテンツ全体が画面の中央に表示されるように margin: 0 auto; などを使用してく...
DIVパズル

DIVパズル04

注意事項 高さ(height)は指定しなくても良いところは指定しないようにしましょう タグの間違えに注意しましょう コンテンツ全体が画面の中央に表示されるように margin: 0 auto; などを使用してく...
DIVパズル

DIVパズル05

注意事項 高さ(height)は指定しなくても良いところは指定しないようにしましょう タグの間違えに注意しましょう コンテンツ全体が画面の中央に表示されるように margin: 0 auto; などを使用してく...
DIVパズル

DIVパズル06

注意事項 高さ(height)は指定しなくても良いところは指定しないようにしましょう タグの間違えに注意しましょう 375px以下になっても画面が見切れたりしないようにする 「☆」は分かりやすくするための...
DIVパズル

DIVパズル07

注意事項 タグの間違えに注意しましょう 375px以下になっても画面が見切れたりしないようにする 「☆」は分かりやすくするためのマークなので、コードには記載しないでください。
タイトルとURLをコピーしました