miyashiiii https://blog.hatena.ne.jp/miyashiiii/ miyashiiii.hatenablog.jp https://miyashiiii.hatenablog.jp/ ゲーム形式でFlexboxを学べるFLEXBOX FROGGYというコンテンツを見つけたので取り組んでました。 flexboxfroggy.com 内容としては、flex関連のCSSを記述して、カエルくんたちを蓮の葉の上にうまく持っていってあげる、というもの。パズル感覚で取り組めて面白いです。 ステージ数としては24問で、所要時間としては以下のメモを取りながら取り組んで30分かからない程度でした。 以下、学習メモ justify-content: space-evenly: 各要素を等間隔に並べる。左右の余白は各要素間の間隔と同じ大きさ。 結構使いどころありそうな気もするけど、知らなかった s… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmiyashiiii.hatenablog.jp%2Fentry%2F2024%2F10%2F25%2F155747" title="FLEXBOX FROGGYをやってみた - miyashiiii.hatenablog.jp" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-10-25 15:57:47 rich https://miyashiiii.hatenablog.jp/entry/2024/10/25/155747 1.0 100%