Error: say there must be 2 meta tags, and there od

Instruction: Begin with your standard HTML boilerplate. Add a DOCTYPE declaration, an html element specifying this page is in English, a head element, and a body element.

Error: You should have two meta elements.

Problem: There is two meta tags.

Add a <meta> tag with the appropriate charset and a <meta> tag for mobile responsiveness within the head element.

My code:

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">



<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

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

Challenge: Learn CSS Grid by Building a Magazine - Step 1

Link to the challenge:

I copied and pasted your code and it seemed to work fine. I recommend that you recheck it and see if you get an error.

Do you have any browser extensions installed that change the style of the page (such as dark mode). Often these extensions will add extra meta tags to the page behind the scenes. You can either start disabling extensions until you find the one that is causing the test to fail or you can try a different “clean” browser that doesn’t have any extensions installed.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.