Progate>youtubeなどの動画教材を見ながら模写コーディングは何度かやったものの、自分がデザインしたポートフォリオのサイトが欠片にできない!置きたいところに要素を配置できない!という壁にぶち当たりました。
コミュニティの先輩方からアドバイスを頂きながら、実行したことを記録したいと思います。
大前提
・自分で調べるの大事。すぐに理解して覚えられなくてもいいから知識を拾い集めていく感じで。
・デベロッパーツールを駆使して、いいなと思ったサイトの中身を見ること。大量のコードにビビらない。
フレックスボックスの概念が理解できずに、要素を置きたいところに置けない人向けの学習マップ
①フレックスボックスの概念が学べるカエルゲーム
align-itemsやjustify-contentなどを使って、カエルをハスの上に移動させていくというシンプルなゲームです。
後半に続くにつれ難易度が上がって行きますが、小一時間で終わるので、さくっと学習できます。