Build a Recipe Page - Build a Recipe Page

Curriculum Help
1

Tell us what’s happening:

My declaration of !DOCTYPE html is written correctly but it refuses to accept it and instead it gives me error of missing declaration.

Your code so far

!DOCTYPE html
<html lang="en">
  <head>
    <meta charset="UTF-8"></meta>
    <title>Simple Bread Sandwich</title>
    </head>
    <body>
      <h1>Simple Bread Sandwich Recipe</h1>
      <p>Bread Sandwich is a very simple recipe that is good for kids' lunch sacks or as a snack in the evening. This uses very basic ingredients and is ready in about 5 minutes.</p>
      <h2>Ingredients</h2>
      <ul>
        <li>Bread (white or wheat, or multigrain) - 8 slices</li>
        <li>Cucumber - 1 (peeled and sliced thin)</li>
        <li>Tomatoes - 2 (sliced thin)</li>
        <li>Spreadable cheese, butter, or any spread - 4 tbsp</li>
        <li>Green chutney - 4 tsp</li>
      </ul>
      <h2>Instructions</h2>
      <ol>
        <li>Take 2 slices of bread. In one slice, spread 1 tablespoon of butter, cheese, or any vegetable spread evenly. On the other slice, spread 1 teaspoon of green chutney.</li><br>
        <li>Now layer one of the slices with the tomatoes and then the cucumbers.</li><br>
        <li>Top with the other slice and gently press to sandwich them together. Repeat the same with the rest of the slices.</li><br>
        <li>To pack in the lunch box, cut the sandwich diagonally and then wrap it tightly with plastic wrap. This ensures that the sandwich does not open until they are ready to eat.</li><br>
        </ol>
        <img src="https://x9s2d6a3.delivery.rocketcdn.me/wp-content/uploads/2021/02/Simple-Sandwich-4.webp" alt="A simple white bread sandwich with veggies inside">

      </body>
      </html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36

Challenge Information:

Build a Recipe Page - Build a Recipe Page

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-recipe-page/668f08ea07b99b1f4a91acab.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Welcome to the forum @protectionprojection,

This is not the correct syntax for DOCTYPE. Please refer to this theory lecture about the HTML Boilerplate.

Happy coding

3

Thanks, I did not knew that it has to be in <> tags. By the way, I heard that declaration is not needed as HTML5 is by default loaded via browser.

4

Using a DOCTYPE declaration is best practice to make sure your webpage renders consistently across all browsers.