教材ライブラリ

画面をせまくして、中身が右へはみ出すところを見てください。

1 行の meta を外して、同じ 16px の文字が何 px に見えるか比べてください。

幅を動かして、どの決まりが当たっているか見てください。

画面の幅を動かして、どの帯が一緒に縮むか見てください。

書く順を入れ替えて、打ち消しの行が何行になるか見比べてください。

画面を広げて、足し忘れた指定がどこで効いてくるか見てください。

次のステップを押して、3 点を上から 1 つずつ点検しながら直る様子を見てください。

画面幅を動かして、読む幅と余白の数がどう変わるか見てください。

中身の形とタグを別々に切り替えて、読みやすくなる組み合わせを探してください。

上げるファイルを選んで、もらえる URL と、開いた人に届く見た目を見てください。