TOPページに新着記事、最新記事をリスト化してきれいに表示したい

出来上がりのイメージとしては
サムネイル蟻の場合、https://prime-dict.com/

この場合のCSSは、下記の通りでいけると思います。

新着記事ウジェット {
	width: calc(50% - ( 0.5 * 30px ) );
}

最新記事ウィジェット {
	width: calc(50% - ( 0.5 * 30px ) );
}

marginが30pxの場合。20pxの場合は下記。

新着記事ウジェット {
	width: calc(50% - ( 0.5 * 20px ) );
}

最新記事ウィジェット {
	width: calc(50% - ( 0.5 * 20px ) );
}

例えばですが

なんらかのプラグインなど入れて表示して、この部分に➡『新着記事ウジェット・最新記事ウィジェット』該当のHTMLを指定し、セレクタを当てるのを試してみるとかでしょうか。

横レスすみません。
Simplicityの新着ウィジェットに「表示したいカテゴリー」を指定して表示させることはできないでしょうか？
今は除外指定できるのですが、逆に指定したカテゴリーだけ指定できれば、Newpostのようなプラグインを使わずとも実現できると思いましたもので・・・

わいひらさん、かうたっくさん

ご返信遅れましてすみません。その後四苦八苦しながらいろいろいじっていましたが、ようやくプラグインを使わず、ご案内いただいた「メインカラムの2カラム化」で対応できました！

ただ１のNewpost catchを使うにあたってCSSに、Simplicityにあるウィジェットの[s]新着・人気記事や[s]新着と同じスイタイルに適用するにはどうすればよろしいでしょうか？
Simplicityの[s]新着・人気記事ウィジェットと横に並べると縦幅が異なり、見栄えがよくないため悩んでいます。

ただ１のNewpost catchを使うにあたってCSSに、Simplicityにあるウィジェットの[s]新着・人気記事や[s]新着と同じスイタイルに適用するにはどうすればよろしいでしょうか？

どちらかのstyleを合わせるように工夫する。とかでしょうか。

Simplicityの[s]新着・人気記事ウィジェットと横に並べると縦幅が異なり、見栄えがよくないため悩んでいます。

実際の様子を見ていないのと、実装したソースを見てないのでなんとも言えません…。

#55698でわいひらさんのいうように

サポート外のものに関しては、上記のようにアドバイス程度のものしかする余裕がないです。ですので、うまくいかなかった場合は、クラウドソーシング等で依頼してみてください。
https://wp-simplicity.com/reference/crowdsourcing-service/

またページに書いてる通りですかね。。

※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

かうたっくさん
コメントありがとうございます。素人ながらもSimplicityのpopular postのcssを参考にnewpost catchのcssにコピペしながら調整することができました！
これを機会に勉強したいと思います。
ありがとうございました。