[diiih]

【お使いの Snow Monkey のバージョン】16.0.5
【お使いの Snow Monkey Blocks のバージョン】 14.0.1
【お使いの Snow Monkey Editor のバージョン】7.0.0
【お使いのブラウザ】Google Chrome
【当該サイトのURL】ローカル環境のため非公開

### 実現したいこと

パネルブロック（水平レイアウト）のスマホ表示時に画像の縦の高さを狭くしたいです。

下記のページのやり方などを参考にしてみたのですが、テキスト部分が表示されなくなってしまって上手くできませんでした。

項目ブロックの画像をトリミングし表示サイズを統一する方法

こちらのように画像はそのままでCSSで高さを変えらる方法があればご教授いただけないでしょうか。

よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

こんな感じでどうでしょうか？

@media (max-width: 639px) {
  .smb-panels__item--horizontal .smb-panels__item__figure > img {
    max-height: 100px;
    object-fit: cover;
  }
}

♥ 1

いいねをした人:

[diiih]

ありがとうございます。綺麗に表示できました！

いつもご丁寧にありがとうございます。

解決しましたので閉じさせてでいただきます。

♥ 1

いいねをした人:

[投稿者]

投稿