Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 1

HTML-CSS
1

Tell us what’s happening:
I have managed to get stuck on step 1, setting up my page. Even though everything looks correct, I’m getting this message and I’m completely flabbergasted:

Test

Sorry, your code does not pass. Try again.

Hint

One meta element should have a name set to viewport, and content set to width=device-width, initial-scale=1.0…

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="./styles.css">
    <title>Balance Sheet</title>
    </head>
    <body></body>

</html>


/* 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/105.0.0.0 Safari/537.36

Challenge: Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 1

Link to the challenge:

2

So there is one difference between what you have and what the hint is asking for:

width=device-width,initial-scale=1.0 // you
width=device-width, initial-scale=1.0 // hint

I’m not sure if that space after the comma is technically required. Something tells me it isn’t, but I’ve been wrong before. I’ll look into it and if it isn’t then I’ll open a github issue to fix this.

3

Thank you so much Bruce, that worked!! :star_struck:
I had the space in there during previous attempts that failed, but must have had something else wrong.

4

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