Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<!-- User Editable Region -->
<html lange ="en">
<head>
<meta charset ="utf-8" />
<meta name ="viewport" content ="width=device-width, initial-scal=1.0" />
<title>cafe Menu </title>
<link href ="styles.css" rel="stylesheet" />
</head>
<body>
<div class ="menu">
<main>
<h1>CAMPER CAFE </h1>
<p class="established">Est. 2020</p>
<hr>
<section>
<h2>coffee</h2>
<article class ="item">
<p class="flavor">french vanilla</p><p class="price">3.00</p>
</article>
<article class="item">
<p class ="flavor">Carmel Macchito</p><p class="price">3.75</p>
<article>
<article class ="item">
<p class ="flavor">Pumpkin Spice</p><p class="price">3.50</p>
<article>
<article class ="item">
<p class ="flavor"Hazelnut</p><p class="price">4.00</p>
</article>
<article class ="item">
<p class ="flavor"Mocha<p><p class="price">4.50</P>
</article>
</section>
<section>
<h2>Deserts</h2>
<article class ="item">
<p class="deserts">Donuts</p><p class="price">1.50</p>
</article>
<article class="item">
<p class="desrts">Cherry Pie</p><p class"price">2.75</p>
</article>
<article class="item">
<p class ="deserts">Chessecake</p><p class"price">3.00</p>
</article>
<article class="item">
<p class = "desserts"Cinammon Roll</p><pclass"price">2.50</p>
</article>
</section>
</main>
</footer>
<p>
<a href="https ://www.freecodecamp.org" targets ="_blank">visit our website</a>
</p>
<p>123 Free Code Camp Drive</p>
</footer>
</div>
</body>
</html>
<!-- User Editable Region -->
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 1
Link to the challenge: