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

Tell us what’s happening:
Describe your issue in detail here.
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 -->

<!-- User Editable Region -->

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

<!-- 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/114.0.0.0 Safari/537.36 Edg/114.0.1823.67

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

Link to the challenge:

The content meta tag should be it’s own meta tag, not mixed with the one that has charset

Tried that too. it still doesn’t work.

oh, it seems the content and initial scale should be put in the tag with name=“viewport” attribute.
I didn’t notice that tag the first time. Apologies

1 Like

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