前略、mw さん

1行というと、老眼の私には、ちょっとつらいですが、9pxだと以下のような感じになるかと思います。

@media screen and (max-width:480px) {
   .front-top-page #list-wrap .e-card-title {
      font-size: 9px;
      margin-top: 5px;
   }
}

適当に書いたので、実際には試していません。

mw さん

あっ、トップページかと思ったら、カテゴリーページでしたか・・

新たなトピックのときは、URLをご提示いただくようにお願いします。

該当ページは、このページ、のような・・

ｍｗ さん

それとも左右のエントリーカードの高さが揃わないのが気になる、とうことでしょうか？

あるいは、文字のサイズと両方とか・・

ｍｗさん

もし、Cocoon設定の「インデックス」タブの設定で、「カードタイプ」が「タイルカード」になっていたら、「縦型カード２列」にして、どのように表示されるか試してみるのも有りかもしれません。

「タイルカード」は、アイキャッチ画像のアスペクト比を変更せずに、トリミングなしで表示するモードだったと思います。そのため、エントリーカードの高さは、揃いません。

サムネイル画像のアスペクト比を正方形に設定なさっていれば、「縦型カード２列」の方が見栄えがいいかもしれません。

私のテストサイトは、サムネイル画像のアスペクト比がデフォルトのままなので、ちょっと感じが違ってしまいますが・・

スマホ

タイルカードだと「ガチャガチャ」感があるかもしれませんね。

リフィトリー様。

縦型カード２枚にしたら解決しました！エントリーカードの高さを揃えたかったので、わざわざ記事タイトルを一行に収めなくても、サムネのアスペクト比を正方形に設定した上、縦型カードにしたら問題なく揃って表示されました。

また、ご提示いただいたソースコードのほうでもトップページのフォントサイズ変更することができたのでこちらも学べました（確かに一行に収めると小さすぎますね笑）

ご教授ありがとうございます。。。

@mw さん

以下のコードだと、カテゴリーページにも適用できそうな気がします。

12pxぐらいがいいところかもしれません。

@media screen and (max-width:480px) {
   #list-wrap .e-card-title {
      font-size: 12px;
      margin-top: 4px;
   }
}

スニペットを表示しても、エントリーカードの高さは、左右同じ。