エントリに関連記事として選択した Matrix ブロックの表示はとりあえず引用と同じ感じにしてたのだけど、少し見た目を変えてみた。
といっても Bootstrap の Card ベースにしただけではあるのだけど。
Cards · Bootstrap
https://getbootstrap.com/docs/...
とりあえず、ほぼこのサンプルまんまで対応。
ちゃんと調べてなかったのだけど Redactor の最初の画像を取り出すのはURLを取り出してただけっぽい？
first-image/README.md at master · bhashkar007/first-image
https://github.com/bhashkar007...
無駄に画像の transform をやろうとしてた。
まぁ、まだイマイチではある気がするけどとりあえずはこれで。
CSSの object-fit プロパティとか知らなかったな。
1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボックス
https://www.webcreatorbox.com/...
IEとかはごめんなさい、って感じで。
noteやはてなブログとかこの辺はいい感じに表示してくれるから、そういうのになるようにすればいいんだろうなー。