一人で抱え込まないで下さい
状況を丁寧に伺い、今できることを整理。初めての方にも、わかりやすくご案内します。
mainimg1-parts
土台フレームにもよりますが、一般的にはcontentsの上(headerの下)に置いて下さい。
sectionと同じように左右の余白を取りたい場合、padding-x-partsを追加して下さい。
(class="mainimg-image1-parts
padding-x-parts
")
単純に画像を1枚おいただけのタイプです。
メイン画像上のテキストを詰め込みすぎると小さな画面で飛び出るので注意して下さい。
画面幅800px以下の端末向けに小さな画像を使いたい場合は、htmlのsrcsetで指定されている画像ファイル名を準備したものに書き換えて下さい。デフォルトでは大きな端末用と同じファイルが指定されています。mediaの値はcssのメディアクエリと同じなので、例えば縦長端末用などの指定もできます。
《Web Design:Template-Party》