WordPressテーマSANGOの質問

タブの幅と記事一覧の幅を合わせたい

アバター
mochi

お世話になっております。
固定ページをSANGO Gutenbergでカスタマイズしており、タブと、タブのコンテンツに記事一覧のブロックを使用しています。
お聞きしたいのは表題の通りで、記事一覧ブロックのスタイルを3つ目の二列横並びにした際に右側に空白が生じてしまい、タブの横幅とぴったり合いません。
(スタイルをカードタイプや、横長(一列)にした場合はぴったり幅が合います)
暫定で記事一覧をタブの幅に対して真ん中あたりにくるようにcssで調整していますが、できれば他のスタイル同様、タブの幅と同じに合わせたいです。
方法をご教示いただけますと幸いです。

SANGOのタブ機能
SANGOトップページのタブ切替機能の設定方法まとめ
コメントへの回答
サルワカくん
サルワカくん
2021/11/23

確かに端が揃ってないので不恰好ですよね。
以下のようなCSSをカスタムCSSに設定していただくといかがでしょうか?


.sidelong {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.sidelong:before {
display: none;
}

.sidelong:after {
display: none;
}

.sidelong__article {
float: none;
width: 47%;
margin: 0 0 15px 0;
}

よろしくお願いします。