クリックすると、縮んで動いてしまう。

Question

前提・実現したいこと

ホームページを制作しています。
https://test1.veronica9.com/

TOPページの中段の
コラムのピンクの「最新コラム」をクリックすると、
下の４つの記事が少し真ん中に縮んで動いてしまうのですが、
それをやめさせるには、どのようにすればよいか困っております。

わかる方いらっしゃいましたら、
解決策をお聞かせいただけると嬉しいです。

どうぞよろしくお願い致します。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

検証ツールでコードをみても、
該当する箇所がわかりませんでした。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

検証ツールて確認してみると、

クリックする前は、

.post-list-mag.autoheight に justify-content: space-between; があったているのですが、

クリックすると、hFindクラスが付加されて、

.post-list-mag.autoheight.hFind の justify-content: space-around; で上書きされるのが原因のようです。

このjustify-content: space-around;を削除すればいいでしょう。

Comments

[code_mate]

この度は、ご回答いただき、どうもありがとうございました。
無事解決できました。感謝致します。