1. Le code css à rentrer dans Ugo (pensez à sauvegarder). Pour modifier la police, modifiez le premier terme de font-family. customHtmlContainer concerne tout le bloc html, h3 les gros titres (genre “entrées”), h4 les titres des plats, priceMenu le prix.

.customHtmlContainer {
    margin: 50px auto;
      font-family: 'Arvo', Arial, sans-serif;
      margin: auto;
      width: 100%;
      max-width: 832px;
      padding: 0;
  }

.titleCategory {
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    text-decoration: underline;
    font-family: 'bad script', Arial, sans-serif;
    margin: 20px 0 20px 0;
}
.titleMenu {
    font-weight: 500;
    font-size: 24px;
    font-family: 'bad script', Arial, sans-serif;
}
.firstLine {
    display: flex;
    justify-content: space-between;
}
.blockMenu {
    margin-top: 20px;
}
  @media only screen and (max-width: 768px) {
    .titleCategory {
        font-size: 20px;
    }
    .titleMenu {
        font-size: 18px;
    }
    .m-12 {
        margin: 1.5rem;
    }
  }

1. Envoyez les images du menu à chatGPT 4o avec ce prompt :

Écris-moi le texte affiché sur cette carte, avec l'organisation suivante :
<h3 class=titleCategory>Nom catégorie</h3>
        <div class="blockMenu">
            <div class="firstLine">
                <h4 class=titleMenu>Nom du plat ou de la boisson</h4>
                <p class=”mealPrice”>prix</p>
            </div>
            <div class="secondLine">
                <p>ingrédients</p>
            </div>
        </div>
Le texte se lit de haut en bas et de gauche à droite. Fais attention à ce que les prix correspondent bien au titleMenu sur la même ligne. Si <p>ingrédients</p> est vide, ne crée pas de div .secondLine    
        

1. La base html à rentrer dans la section sur Ugo :

<div class="m-12">
    <div class="customHtmlContainer">
       
    </div>
</div>

1. Récupérez le texte que vous désirez en englobant les balises, et collez-le à l’intérieur de la balise div que vous venez de coller qui a pour class “customHtmlContainer”