恐れ入ります、本件クローズの場合、「解決済み」ボタンのクリックを願いします。

お返事遅くなりまして申し訳ございません。

みなさまたくさんのご助言いただきまして、ありがとうございます。

目の錯覚で幅が揃っていないように見えていたのですが、どうやら直っていたようでした。

そのあとももっと良く改善する方法をたくさんアドバイスいただき、非常に勉強になりました。

私の拙いコードと違い、みなさまのコードを試したところ細部もとても丁寧でより細かなレスポンシブ対応になっており、驚きました。

ＩＴ方面はとても苦手で抵抗感もあるため、自分ひとりでは解決できませんでした。

みなさま大変親身に教えていただき、温かい気持ちになりました。ありがとうございます。

本件はこれにてクローズさせていただきます。

chu-yaさま

サムネイル画像のサイズを見直してみます。

リフィトリーさま

ＩＴ音痴のため、頂いたような方法が恐らく出来ないと思いますが・・・！

教えていただいたサービスはメモしておきます、また何か困ったら検討してみます。

実際に試していないので、間違っているかもしれません。

.navi-entry-cards.widget-entry-cards.no-icon.card-large-image.large-thumb-on,
.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.navi-entry-cards.widget-entry-cards.no-icon.card-large-image.large-thumb-on > a,
.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on > a {
  width: 24%;
}

.widget-entry-cards.card-large-image .a-wrap {
  max-width: none;/*最大幅400pxの指定を初期化する*/
}

.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on::after {/*クリアフィックス用のアイテムを消す*/
  content: none;
}

@media screen and (max-width:834px) {/*画面幅が834px以下のとき2列にする*/

   .navi-entry-cards.widget-entry-cards.no-icon.card-large-image.large-thumb-on > a,
   .new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on > a {
      width: 48%;
   }

}

@media screen and (max-width:480px) {/*画面幅が480px以下のとき1列にする*/

   .navi-entry-cards.widget-entry-cards.no-icon.card-large-image.large-thumb-on > a,
   .new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on > a {
      width: 95%;
   }

}

ただ、前述のようにサムネイル画像の幅が400pxより大きく表示されると、ぼやけたようになるかもしれません。

※メディアクエリの数値は、適正ではないかもしれません。

1023pxで2列、834pxで1列なら以下かと。
細かい点は見直して下さい。
ただ、私ならカードにinline-flexでなく、親にflexを指定します。なぜなら、カードを均等配置とかできるからです。

.widget-entry-cards.card-large-image .a-wrap {
  font-size: 95%;
  display: inline-flex;
  height: auto;
  max-width: unset;
  padding: .5em;
  text-align: left;
  width: 24.5%;
}

.widget-entry-cards.large-thumb-on .e-card {
  width: 100%;
}

.widget-entry-cards.not-default figure img {
  padding: .5em;
}

@media screen and (max-width: 1023px) {
  .widget-entry-cards.card-large-image .a-wrap {
    width: 49%;
  }
}

@media screen and (max-width: 834px) {
  .widget-entry-cards.card-large-image .a-wrap {
    width: 100%;
  }
}

サイトを拝見すると、個人ブログではなく営業用のサイトのご様子ですので、ご自身で難しい部分は以下のリンクにある方に、カスタマイズを依頼するというもの有りかと思います。

Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

https://wp-cocoon.com/cocoon-custom/

Cocoonの生成するサムネイル画像のサイズをカスタマイズする方法もあるようですが、難易度は高くなってくるような気もします。

Cocoon各部分のサムネイルサイズを変更するカスタマイズサンプル集

https://wp-cocoon.com/thumbnail-size-custom/

私も試したことがある程度で十分な知識がある訳ではないです。

お試しになる場合にはご自身の責任で行っていただければと思います。（ローカル環境にWordPressのテストサイトを構築して、そちらで先ず試すなどすると実際のサイトに影響しないので良いかもしれません。）

よくわからない、といった場合は、おススメするものではありません。

※テーマ作者様もこのカスタマイズサンプル集については、参考情報として提供されているだけで、カスタマイズについては自己責任にてお願いします、というスタンスだったと記憶しています。

2020年12月のトピックなので、若干古いトピックですが、新着記事を横並びにするという意味では似ているかもしれません。

【教えてください】ヴィジェット新着記事を横並びに表示したい

4→2→1列

https://wp-cocoon.com/community/postid/42205/

ただ、@arcana さんの場合はサイドバーをお使いになっていないため、条件が少し異なります。

新着記事等で生成されるサムネイル画像の幅は320pxなので、400px以上の横幅で表示すると写真がぼやけた感じが目立つようになってしまいます。

幅は揃っています。
アイキャッチ画像のサイズがバラバラなので、まず縦横サイズを揃える事をお勧めします。

スマホからですので、調べることはできませんが。

Android＋Chromeです。

Firefoxのエミュレータでは既に同じサイズで表示されているようです。

解決されているのでは？