前略、西村さん

以下のCSSのコードを追加CSSか、子テーマのCSSファイルにコピペして、試してみてください、と、書こうと思ったのですが、子テーマは、まだ導入されていないようですね？

@media screen and (max-width: 480px) {
    .ranking-item-image-tag {
        align-items: flex-start;
    }
}

もし、子テーマをお使いになっていらっしゃらない場合は、子テーマの導入を先にやっておいた方が良いかもしれません。

Cocoonテーマをインストールする方法

[解決済] 親テーマと子テーマについてです。

あと、環境情報も、貼り付けていただいておいた方が良いかもしれません。

西村さん

画像が縦に伸びてしまう件は、おそらく、わいひらさんが、テーマファイルを修正してくださるのではないかと思います。

子テーマの導入作業を丁寧にされることが重要かと思います。

どの部分でしょうか。
スクリーンショットいただいてよろしいでしょうか。

ランキングの画像２つとも、縦に伸びているようです。

僕のFirefoxとChromeでは、なぜか再現しないようです ? 
Bliskというブラウザーのエミュレーターでようやく再現できました。
該当部分を修正したものを、以下にアップしておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

@yhira さん

投稿者:: @yhira

Bliskというブラウザーのエミュレーターでようやく再現できました。

そうなのですね。

ローカルのテストサイトでテストのランキングを作ってみたものの、「Local by flywheel 」から「Local」にアップデートしてからは、「live link 」では、iphoneで画像が表示されなくなってしまったので、実機テストができなくなっています。（どなたか解決方法をご存知でしたらご教示くださいませ）

ですので、西村さんが、試してくださると良いのですが・・

投稿者:: @leafytree

「Local by flywheel 」から「Local」にアップデートしてからは、

名前変わっていたんですね。
気づかなかった。

@yhira さん

そうなんです。

起動がとても早くなったのは、とても助かるのですが、動作する仕組みは、変わっている部分もあるみたいです。

僕の環境の場合、Faster Docker Volumsの機能を無効にしないと、ずっと通知メッセージが出続けて使い物になりませんでした ? 

@yhira さんｎ

表示される項目が私の環境とちょっと、違うみたいです。

ほんと、設定項目が違いますね。
ちなみに僕のバージョンは3.3.0です。

ただ、タイトルバーではなくこれを見るとLocal by Flywheelになってますね。

@yhira さん

私の環境には、新（Local）、旧（Local by flywheel）両方が存在しているようです。

２つは、別のソフトなのかもしれません。

試しに 旧（Local by flywheel）バージョンの方でもサイトを作ってみたら、できました。

でも、サイトデータが保存される場所は同じ「Local Sites」フォルダ内で、そこは、共用しているみたいです。

live link については、まだ、試していません。

同じロゴで同じソフトっぽいのに名前が違うんですね。

@yhira さん

コントロールパネルで見てみると、新しい方は、1.47Gもあります。