dl,dt,ddの行の高さを合わせたいです

Question

dl,dt,ddタグでのずれをなおしたい

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

dl, dt,ddタグでの行の高さがずれてしまっています

ここに言語を入力
HTML　CSS
コード

エラーメッセージ

該当のソースコード

以下HTML

<section id="News" class="wrapper"> <h2 class="section-title">News</h2>

    <dl>
      <dt>2021.5.24</dt>
      <dd>オープンしました！ New111111111111111111111111111</dd>
      <dt>2021.5.1</dt>
      <dd>緊急事態宣言により営業時間が短縮となります11111111111111111111111111</dd>
      <dt>2020.12.20</dt>
      <dd>限定メニュー追加 クリスマス限定のケーキが新登場！</dd>
      <dt>2020.11.15</dt>
      <dd>sample sample sample sample</dd>
      <dt>2020.4.26</dt>
      <dd>English menu is now avilable!!</dd>
    </dl>


  </section>

ソースコード

#News dl {
display: flex;
flex-wrap: wrap;
border-top: solid 1px #c8c8c8;
margin-bottom: 20px;
}
#News dt {
width: 20%;
border-bottom: solid 1px #c8c8c8;
padding: 15px;

}
#News dd {

width: 80%;
border-bottom: solid 1px #c8c8c8;
padding: 15px;
}

#News div {
padding-top: 10px;
}

試したこと

dlのフレックスをやめてdt ddにフレックスでして同じ高さにすると
今度はdtとddがくっつきすぎてしまい違和感が出てしまいます。

しかたなくddにのみパディングレフトをつけましたがレスポンシブデザインで
大変なことになりました。

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

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

Comments

[itagagaki]

行の高さがずれるというのは、どういうことでしょうか？
もう少し詳しく説明してください。

[Lhankor_Mhy]

3-7. markdownを利用しましょう
https://teratail.com/help/question-tips#questionTips3-7

[Lhankor_Mhy]

ご提示のコードを試してみましたが、行の高さは同じでした。
ウィンドウを小さくして折り返しが発生するようにすると違う高さになりますが、「折り返しをしたくない」というようなご質問でしょうか？