当初ulの要素がセクションからはみ出るという現象が起きていて直らなかったのですが、ulに設定していたrow-gap: 10％;をrow-gap: 8rem;に変更したところ、子要素の親要素からのはみ出しを解消することが出来ました。
親要素の高さが「grid全体の高さ−（設定したギャップ×row数）」となっており、そもそもギャップ分の高さが認識されていないようでした。
参考:URL
News
お知らせ
コラム
2024/12/15
子要素が親要素からはみ出る
お知らせ
コラム
2024/12/15
当初ulの要素がセクションからはみ出るという現象が起きていて直らなかったのですが、ulに設定していたrow-gap: 10％;をrow-gap: 8rem;に変更したところ、子要素の親要素からのはみ出しを解消することが出来ました。
親要素の高さが「grid全体の高さ−（設定したギャップ×row数）」となっており、そもそもギャップ分の高さが認識されていないようでした。
参考:URL