画面サイズが834pxの時、幅が揃わないのでは？
以下を追加してみて下さい。

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

前略、Arcanaさん

もしかしたら、親テーマのCSSの以下の指定で幅400px以上にならないようになっているためかもしれません。

/************************************
** 新着記事ウィジェット（大きなサムネイル）
************************************/
.widget-entry-cards.card-large-image .a-wrap {
  max-width: 400px;
}

実際のURLをご提示いただくと話は早いかもしれません。

追記：生成されているサムネイル画像のサイズが幅320pxのようなので、それより大きく表示させると画像がぼやけてくるかもしれないです。

Chu-yaさま

ご返信ありがとうございます。

頂いたコードを追記したところ、同じ幅とはいきませんでしたが見た目的にはかなり改善しました。

ありがとうございます！

リフィトリーさま

ご返信ありがとうございます。たしかにその記述ありました。

どのように修正したらよろしいでしょうか？

お忙しい中恐れ入りますが、ご教授いただければ幸いです。

ちなみにこちらがURLです

https://luminous.style/

@arcana さん

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

解決されているのでは？

Arcanaさん

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

Android＋Chromeです。

@arcana さん

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

@arcana さん

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

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

4→2→1列

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

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

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

@arcana さん

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

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

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

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

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

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

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

@arcana さん

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

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

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

@arcana さん

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%;
  }
}

@arcana さん

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

.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より大きく表示されると、ぼやけたようになるかもしれません。

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

リフィトリーさま、chu-yaさま、ｍｋ２さま

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

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

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

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

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

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

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

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

chu-yaさま

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

リフィトリーさま

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

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

@arcana さん

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