grid コンテンツ内の高さが揃わない

Question

実現したいこと

フッターコンテンツ内のタイトル・テキストの高さが揃うようにgridで調節したいです。

前提

模写コーディングをしています。
フッターをgridを使って整えているのですが、タイトルと高さの位置がズレてしまいます。
コンテンツ幅１２００px、横パディング５％、３つの要素を３分割し、センター配置にしています。
タイトルは左寄せです。

タイトル・テキストの高さがズレてしまいます。

該当のソースコード

<footer>
    <div class="wrapper footer-wrapper">
        <div class="hoge">
        <div class="item">
            <img src="./assets/img/logo.svg" alt="Wag88">
        </div>

        <div class="item">
            <h3>タイトル</h3>
            <ul>
                <li>テキストテキストテキスト</li>
                <li>テキストテキストテキスト</li>
                <li>テキストテキストテキスト</li>
                <li>テキストテキストテキスト</li>
                <li>テキストテキストテキスト</li>
            </ul>
        </div>

        <div class="item">
            <h3>タイトルタイトルタイトル</h3>
            <p>
                テキストテキストテキストテキストテキストテキストテキストテキストテキスト
                テキストテキストテキストテキストテキストテキストテキストテキストテキスト
                テキストテキストテキストテキストテキストテキストテキストテキストテキスト
            </p>
        </div>
    </div>
</div>
        <p class="copyright">&copy Mag88</p>
    
   </footer>

.wrapper:last-child {
   margin-bottom: 0;
}

.hoge {
    max-width: 1200px;
    padding: 0 5%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    height: 300px;
}

.footer-wrapper {
    color: white;
    background-color: rgb(57, 56, 56);
    max-width: 100%;
    height: 300px;
    margin: 0;
    
}

.item {
    display: grid;
    width: calc(100% / 3);
    place-content: center;
    /* place-items: center; 不自然な空白ができる*/
}

.item ul {
    padding: 0;
}

.item h3 {
    padding-bottom: 10px;
}

.item li {
    list-style-type: '-';
}
.copyright {
    background-color: white;
    text-align: center;
    font-size: 0.8rem;
    padding: 30px;
}

試したこと

flexのコンテンツの高さ調節の仕方については検索でヒットすることができましたが、gridでは見つけることができませんでした。
ご存じの方がいましたら、ご教授いただけますと幸いです。

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

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

Answer 1

どこがどうずれているのか　文章じゃ伝わりにくい。
画像でどこがずれているのか
矢印なりかこったりして見せて

Comments

[wkou4627]

前提部分に画像添付しています。