<main> <section id="mains" aria-labelledby="mains-heading"> <h2 id="mains-heading">Mains</h2> <ul class="menu-list"> <li class="menu-item"> <div class="item-head"> <h3 class="item-name">Grilled Salmon</h3> <span class="price">$18</span> </div> <p class="item-desc">Lemon butter, seasonal vegetables.</p> </li> </ul> </section> </main> CSS (paste in CSS panel):
<header> <h1>Sample Bistro</h1> <nav aria-label="Menu categories"> <a href="#starters">Starters</a> <a href="#mains">Mains</a> <a href="#desserts">Desserts</a> </nav> </header> restaurant menu html css codepen
Whoisology uses cookies to provide you with the best user experience on our website. They also help us understand how our site is being used. Find out more here. By continuing to use our site you consent to the use of cookies.