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

実現したいこと

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

前提

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

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

該当のソースコード

HTML
1<footer>
2    <div class="wrapper footer-wrapper">
3        <div class="hoge">
4        <div class="item">
5            <img src="./assets/img/logo.svg" alt="Wag88">
6        </div>
7
8        <div class="item">
9            <h3>タイトル</h3>
10            <ul>
11                <li>テキストテキストテキスト</li>
12                <li>テキストテキストテキスト</li>
13                <li>テキストテキストテキスト</li>
14                <li>テキストテキストテキスト</li>
15                <li>テキストテキストテキスト</li>
16            </ul>
17        </div>
18
19        <div class="item">
20            <h3>タイトルタイトルタイトル</h3>
21            <p>
22                テキストテキストテキストテキストテキストテキストテキストテキストテキスト
23                テキストテキストテキストテキストテキストテキストテキストテキストテキスト
24                テキストテキストテキストテキストテキストテキストテキストテキストテキスト
25            </p>
26        </div>
27    </div>
28</div>
29        <p class="copyright">&copy Mag88</p>
30    
31   </footer>
32

css
1.wrapper:last-child {
2   margin-bottom: 0;
3}
4
5.hoge {
6    max-width: 1200px;
7    padding: 0 5%;
8    margin: 0 auto;
9    display: flex;
10    justify-content: space-around;
11    height: 300px;
12}
13
14.footer-wrapper {
15    color: white;
16    background-color: rgb(57, 56, 56);
17    max-width: 100%;
18    height: 300px;
19    margin: 0;
20    
21}
22
23.item {
24    display: grid;
25    width: calc(100% / 3);
26    place-content: center;
27    /* place-items: center; 不自然な空白ができる*/
28}
29
30.item ul {
31    padding: 0;
32}
33
34.item h3 {
35    padding-bottom: 10px;
36}
37
38.item li {
39    list-style-type: '-';
40}
41.copyright {
42    background-color: white;
43    text-align: center;
44    font-size: 0.8rem;
45    padding: 30px;
46}