記述したコードについて、ご助言を頂けますでしょうか

Question

前提・実現したいこと

近日お世話になっております。
少しづつしていた、模写コーディングがやっと出来ました。

そこで、お手本のコードと違うところが多々ありつつ仕上がり、これでいいのか…分かりません。

特に下記のメニューのところは、沢山divを使っているように感じますが、これは少ない方ででしょうか？
Containerの所は、wrapperの方がいいのか…
※私のネット情報の解釈では、wrapperの中でcontainerを使って囲う方法が一般的なんだと考えています。

この2点を是非お教えいただければと思います。
よろしくお願い致します。

        <section class="menu">
            <div class="container">
                <h2 class="ttl">Menu</h2>
                <div class="menu_list_txt">
                    <dl class="menu_list">
                        <div>
                            <dt class="name">メロンパン</dt>
                            <dd>&yen;220</dd>
                        </div>

                    </dl>
                </div>
            </div>
        </section>

/* MEMU */

.name:before{
    content: "・";
}

.menu {
    background-image: url(img/bread2.jpg);
    display: flex;
    align-items: center;
}

.container {
    padding-left: 10px;
}

dl.menu_list div {
    display: contents;
}

dl.menu_list  {
    display: grid;
    grid: auto-flow / auto auto;
    width: max-content;
}

dl.menu_list dt {
    padding-right: 10px;
}

Comments

[tanat]

不安な気持ちは分かりますが、漠然としたコードレビューは推奨しない質問に該当すると思います
https://teratail.com/cautions_question

例えば、ご自身で何か具体的な意図や評価基準を立てて自己評価をした上で、その基準にそぐわない箇所の改良点を質問したり、
そもそも評価基準を立てられないのであれば評価基準の立て方そのものを質問されてはいかがでしょうか。

[cha2maru]

こんばんは。
基本的な事だったにも関わらず、優しくご指摘ありがとうございます。

内容を変更させて頂きました。
今後、改めて添付していました利用規約を確認の上、注意しながら利用させて頂きます。
本当にありがとうございました。
もし、今後とも機会がございましたら、よろしくお願い致します。

Answer 1

ご指摘頂いたあと、もう一度考えてさせて頂きました。

やはり、これについては、もう少し自分で調べ、色んなサイトを除き、経験を積んでまいります。

皆様ありがとうございました。