**Tell us what’s happening: I can’t tell what is wrong with the following code?
AcmeWidgetCorp.
Balance Sheet
Describe your issue in detail here.
It keeps saying that the first new span element should have the text AcmeWidgetCorp.
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">
<title>Balance Sheet</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<main>
<section>
<h1>
<!-- User Editable Region -->
<span class="flex">
<span>AcmeWidgetCorp.</span>
<span>Balance Sheet</span>
</span>
<!-- User Editable Region -->
</h1>
</section>
</main>
</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/109.0.0.0 Safari/537.36 Edg/109.0.1518.55
Challenge: Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 4
Link to the challenge: