普段は1行に2つづつ、ウィンドウが小さくなったら1行に1つ、にした筈なんだけど、何故かウィンドウが充分広い時は2つではなく全力で詰めてしまう。うーむ、CSSは難しい…。
ここはいよいよ例のBulmaのグリッドシステムの出番かしら。配置は自前にして外部ライブラリは装飾コンポ―ネントだけにして流行り廃りに対応するつもりだったんだが…。
http://hashrock.github.io/solved-by-flexbox-ja/demos/grids/ を見れば何とかなるかしら。⇒やってる事同じだった。おかしいな。まぁ明日はBulmaの方でやってみるか。どうもCSSは結局サンプルからの試行錯誤になって体系的に責められないのでいかん。といってもCSSをまともにマスターする気は無く。
しかしこれ、配置のひな形が出来たら次はBulmaのコンポーネント配置して、その後データ入れたHTMLを試作して、最後に各ジャンル汎用で使えるPHPにするというんだから先が長い。現行のページも、全く厳密ではないが、大まかにはMVCに分離しておいたのは不幸中の幸いだ。私の目測ではVだけ変える事が多分できる。