I am trying to link my stylesheet to apply CSS but for some reason I am unable to create the link.
<!DOCTYPE html><html lang="en">
<head><meta charset="utf-8/>
<meta name="viewport" content="width=device-width, initial-scale=1.0/>
<title>Influenza (flu) season</title>
<link rel="stylesheet" href="styles.css"></head>
<body><main id="main-doc"><section class="main-section" id="Influenza_Season">
<header><h1>Influenza season</h1></header>
</section>
<section class="main-section" id="Introduction">
<header><h1>Introduction</h1></header>
<p><code></code></p>
<p>Flu, also called influenza, is an infection of the nose, throat and lungs, which are part of the respiratory system. The flu is caused by a virus. Influenza viruses are different from the "stomach flu" viruses that cause diarrhea and vomiting.</p>
<p>Most people with the flu get better on their own. But sometimes, influenza and its complications can be deadly. To help protect against seasonal flu, you can get an annual flu shot. Although the vaccine isn't 100% effective, it lowers the chances of having severe complications from the flu. This is especially true for people who are at high risk of flu complications.</p>
<p>Aside from the vaccine, you can take other steps to help prevent infection with the flu. You can clean and disinfect surfaces, wash hands, and keep the air around you moving.</p></section>
<section class="main-section" id="Causes">
<header><h1>Causes</h1></header>
<p><code></code></p>
<p>Influenza is caused by viruses. These viruses travel through the air in droplets when someone with the infection coughs, sneezes or talks. You can inhale the droplets directly. Or you can pick up the virus from touching an object, such as a computer keyboard, and then touching your eyes, nose or mouth.</p>
<p>It's possible to spread the virus to others from about a day before symptoms appear until about 5 to 7 days after they start. This is called being contagious. Children and people with weakened immune systems may be contagious for a slightly longer time.</p>
<p>Influenza viruses are constantly changing, with new strains appearing often.</p></section>
<section class="main-section" id="Signs_and_Symptoms">
<header><h1>Signs and Symptoms</h1></header>
<p><code></code></p>
<p>The viruses that cause flu spread at high levels during certain times of the year in the Northern and Southern hemispheres. These are called flu seasons. In North America, flu season usually runs between October and May.</p>
<p>Common symptoms of the flu are:</p>
<ul>
<li>Sore throat</li>
<li>Runny or styffy nose</li>
<li>Fever</li>
<li>Headache</li>
<li>Cough</li>
<li>Muscle aches</li>
<li>Fatigue</li>
<li>Sweating and chills</li></ul></section>
<section class="main-section" id="Diagnosis_and_Treatment">
<header><h1>Diagnosis and Treatment</h1></header>
<p><code></code></p>
<p>Most people who get the flu can manage it at home and often don't need to see a healthcare professional.</p>
<p>If you have flu symptoms and are at risk of complications, see your healthcare professional right away. Starting antiviral medicine within two days after your symptoms show up may shorten the length of your illness and help prevent more-serious problems</p></section>
<section class="main-section" id="Emergency_Information">
<header><h1>Emergency Information</h1></header>
<p><code></code></p>
<p>If you have emergency symptoms of the flu, get medical care right away. For adults, emergency symptoms can include:</p>
<ul>
<li>Trouble breathing or shortness of breath.</li>
<li>Chest pain or pressure.</li>
<li>Ongoing dizziness.</li>
<li>Hard to wake up or confusion.</li>
<li>Dehydration</li>
<li>Seizures</li>
<li>Worsening of existing medical conditions.</li>
<li>Severe weakness or muscle pain.</li>
</ul></section>
<section class="main-section" id="More_Information">
<header><h1>More information</h1></header>
<p><code></code></p>
<p>For more information on influenza (flu) please <a href="https://www.mayoclinic.org/diseases-conditions/flu/symptoms-causes/syc-20351719">click here.</a></p></section>
<nav id="navbar">
<header><h1>Influenza</h1></header>
<a class="nav-link" href="Introduction">Introduction</a>
<a class="nav-link" href="Causes">Causes</a>
<a class="nav-link" href="Signs_and_Symptoms">Signs and Symptoms</a>
<a class="nav-link" href="Diagnosis_And_Treatment">Diagnosis and Treatment</a>
<a class="nav-link" href="Emergency_Information">Emergency Information</a>
<a class="nav-link" href="More_Information">More Information</a></main>
</body>
<html>
<!-- file: index.html -->
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3 Safari/605.1.15
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page
Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.
<!-- 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>Influenza (flu) season</title>
<link rel="stylesheet" href="styles.css"></head>
<body><main id="main-doc">
<section class="main-section" id="Influenza_Season">
<header><h1>Influenza Season</h1></header>
</section>
<div id="side-nav">
<nav id="navbar">
<header><h1>Influenza</h1></header>
<a class="nav-link" href="#Influenza_Season">Influenza Season</a>
<a class="nav-link" href="#Introduction">Introduction</a>
<a class="nav-link" href="#Causes">Causes</a>
<a class="nav-link" href="#Signs_and_Symptoms">Signs and Symptoms</a>
<a class="nav-link" href="#Diagnosis_and_Treatment">Diagnosis and Treatment</a>
<a class="nav-link" href="#Emergency_Information">Emergency Information</a>
<a class="nav-link" href="#More_Information">More Information</a></div>
<section class="main-section" id="Introduction">
<header><h1>Introduction</h1></header>
<p><code></code></p>
<p>Flu, also called influenza, is an infection of the nose, throat and lungs, which are part of the respiratory system. The flu is caused by a virus. Influenza viruses are different from the "stomach flu" viruses that cause diarrhea and vomiting.</p>
<p>Most people with the flu get better on their own. But sometimes, influenza and its complications can be deadly. To help protect against seasonal flu, you can get an annual flu shot. Although the vaccine isn't 100% effective, it lowers the chances of having severe complications from the flu. This is especially true for people who are at high risk of flu complications.</p>
<p>Aside from the vaccine, you can take other steps to help prevent infection with the flu. You can clean and disinfect surfaces, wash hands, and keep the air around you moving.</p></section>
<section class="main-section" id="Causes">
<header><h1>Causes</h1></header>
<p><code></code></p>
<p>Influenza is caused by viruses. These viruses travel through the air in droplets when someone with the infection coughs, sneezes or talks. You can inhale the droplets directly. Or you can pick up the virus from touching an object, such as a computer keyboard, and then touching your eyes, nose or mouth.</p>
<p>It's possible to spread the virus to others from about a day before symptoms appear until about 5 to 7 days after they start. This is called being contagious. Children and people with weakened immune systems may be contagious for a slightly longer time.</p>
<p>Influenza viruses are constantly changing, with new strains appearing often.</p></section>
<section class="main-section" id="Signs_and_Symptoms">
<header><h1>Signs and Symptoms</h1></header>
<p><code></code></p>
<p>The viruses that cause flu spread at high levels during certain times of the year in the Northern and Southern hemispheres. These are called flu seasons. In North America, flu season usually runs between October and May.</p>
<p>Common symptoms of the flu are:</p>
<ul>
<li>Sore throat</li>
<li>Runny or styffy nose</li>
<li>Fever</li>
<li>Headache</li>
<li>Cough</li>
<li>Muscle aches</li>
<li>Fatigue</li>
<li>Sweating and chills</li></ul></section>
<section class="main-section" id="Diagnosis_and_Treatment">
<header><h1>Diagnosis and Treatment</h1></header>
<p><code></code></p>
<p>Most people who get the flu can manage it at home and often don't need to see a healthcare professional.</p>
<p>If you have flu symptoms and are at risk of complications, see your healthcare professional right away. Starting antiviral medicine within two days after your symptoms show up may shorten the length of your illness and help prevent more-serious problems</p></section>
<section class="main-section" id="Emergency_Information">
<header><h1>Emergency Information</h1></header>
<p><code></code></p>
<p>If you have emergency symptoms of the flu, get medical care right away. For adults, emergency symptoms can include:</p>
<ul>
<li>Trouble breathing or shortness of breath.</li>
<li>Chest pain or pressure.</li>
<li>Ongoing dizziness.</li>
<li>Hard to wake up or confusion.</li>
<li>Dehydration</li>
<li>Seizures</li>
<li>Worsening of existing medical conditions.</li>
<li>Severe weakness or muscle pain.</li>
</ul></section>
<section class="main-section" id="More_Information">
<header><h1>More Information</h1></header>
<p><code></code></p>
<p>For more information on influenza (flu) please <a href="https://www.mayoclinic.org/diseases-conditions/flu/symptoms-causes/syc-20351719">click here.</a></p></section></main>
</body>
<html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3 Safari/605.1.15
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page
Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.
<!DOCTYPE html><html lang="en">
<head><meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Influenza (flu) season</title>
<link rel="stylesheet" href="styles.css"></head>
<body><main id="main-doc">
<section class="main-section" id="Influenza_Season">
<header><h1>Influenza Season</h1></header>
</section>
<div id="side-nav">
<nav id="navbar">
<header><h1>Influenza</h1></header>
<a class="nav-link" href="#Influenza_Season">Influenza Season</a>
<a class="nav-link" href="#Introduction">Introduction</a>
<a class="nav-link" href="#Causes">Causes</a>
<a class="nav-link" href="#Signs_and_Symptoms">Signs and Symptoms</a>
<a class="nav-link" href="#Diagnosis_and_Treatment">Diagnosis and Treatment</a>
<a class="nav-link" href="#Emergency_Information">Emergency Information</a>
<a class="nav-link" href="#More_Information">More Information</a></div>
<section class="main-section" id="Introduction">
<header><h1>Introduction</h1></header>
<p><code></code></p>
<p>Flu, also called influenza, is an infection of the nose, throat and lungs, which are part of the respiratory system. The flu is caused by a virus. Influenza viruses are different from the "stomach flu" viruses that cause diarrhea and vomiting.</p>
<p>Most people with the flu get better on their own. But sometimes, influenza and its complications can be deadly. To help protect against seasonal flu, you can get an annual flu shot. Although the vaccine isn't 100% effective, it lowers the chances of having severe complications from the flu. This is especially true for people who are at high risk of flu complications.</p>
<p>Aside from the vaccine, you can take other steps to help prevent infection with the flu. You can clean and disinfect surfaces, wash hands, and keep the air around you moving.</p></section>
<section class="main-section" id="Causes">
<header><h1>Causes</h1></header>
<p><code></code></p>
<p>Influenza is caused by viruses. These viruses travel through the air in droplets when someone with the infection coughs, sneezes or talks. You can inhale the droplets directly. Or you can pick up the virus from touching an object, such as a computer keyboard, and then touching your eyes, nose or mouth.</p>
<p>It's possible to spread the virus to others from about a day before symptoms appear until about 5 to 7 days after they start. This is called being contagious. Children and people with weakened immune systems may be contagious for a slightly longer time.</p>
<p>Influenza viruses are constantly changing, with new strains appearing often.</p></section>
<section class="main-section" id="Signs_and_Symptoms">
<header><h1>Signs and Symptoms</h1></header>
<p><code></code></p>
<p>The viruses that cause flu spread at high levels during certain times of the year in the Northern and Southern hemispheres. These are called flu seasons. In North America, flu season usually runs between October and May.</p>
<p>Common symptoms of the flu are:</p>
<ul>
<li>Sore throat</li>
<li>Runny or styffy nose</li>
<li>Fever</li>
<li>Headache</li>
<li>Cough</li>
<li>Muscle aches</li>
<li>Fatigue</li>
<li>Sweating and chills</li></ul></section>
<section class="main-section" id="Diagnosis_and_Treatment">
<header><h1>Diagnosis and Treatment</h1></header>
<p><code></code></p>
<p>Most people who get the flu can manage it at home and often don't need to see a healthcare professional.</p>
<p>If you have flu symptoms and are at risk of complications, see your healthcare professional right away. Starting antiviral medicine within two days after your symptoms show up may shorten the length of your illness and help prevent more-serious problems</p></section>
<section class="main-section" id="Emergency_Information">
<header><h1>Emergency Information</h1></header>
<p><code></code></p>
<p>If you have emergency symptoms of the flu, get medical care right away. For adults, emergency symptoms can include:</p>
<ul>
<li>Trouble breathing or shortness of breath.</li>
<li>Chest pain or pressure.</li>
<li>Ongoing dizziness.</li>
<li>Hard to wake up or confusion.</li>
<li>Dehydration</li>
<li>Seizures</li>
<li>Worsening of existing medical conditions.</li>
<li>Severe weakness or muscle pain.</li>
</ul></section>
<section class="main-section" id="More_Information">
<header><h1>More Information</h1></header>
<p><code></code></p>
<p>For more information on influenza (flu) please <a href="https://www.mayoclinic.org/diseases-conditions/flu/symptoms-causes/syc-20351719">click here.</a></p></section></main>
</body>
<html>
<!-- file: index.html -->
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3 Safari/605.1.15
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page
I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
The issue I am having is matching each .main-section with an id of its first child. I feel I have already done this, and somehow cannot find the error. I’ve also changed the code multiple times to ensure I have (_) instead of spaces.
If you right-click and use format document, then your code gets adjusted to this, which is easier to read
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Influenza (flu) season</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main id="main-doc">
<section class="main-section" id="Influenza_Season">
<header>
<h1>Influenza Season</h1>
</header>
</section>
<div id="side-nav">
<nav id="navbar">
<header>
<h1>Influenza</h1>
</header>
<a class="nav-link" href="#Influenza_Season">Influenza Season</a>
<a class="nav-link" href="#Introduction">Introduction</a>
<a class="nav-link" href="#Causes">Causes</a>
<a class="nav-link" href="#Signs_and_Symptoms">Signs and Symptoms</a>
<a class="nav-link" href="#Diagnosis_and_Treatment">Diagnosis and Treatment</a>
<a class="nav-link" href="#Emergency_Information">Emergency Information</a>
<a class="nav-link" href="#More_Information">More Information</a>
</div>
<section class="main-section" id="Introduction">
<header>
<h1>Introduction</h1>
</header>
<p><code></code></p>
<p>Flu, also called influenza, is an infection of the nose, throat and lungs, which are part of the respiratory
system. The flu is caused by a virus. Influenza viruses are different from the "stomach flu" viruses that cause
diarrhea and vomiting.</p>
<p>Most people with the flu get better on their own. But sometimes, influenza and its complications can be deadly.
To help protect against seasonal flu, you can get an annual flu shot. Although the vaccine isn't 100% effective,
it lowers the chances of having severe complications from the flu. This is especially true for people who are at
high risk of flu complications.</p>
<p>Aside from the vaccine, you can take other steps to help prevent infection with the flu. You can clean and
disinfect surfaces, wash hands, and keep the air around you moving.</p>
</section>
<section class="main-section" id="Causes">
<header>
<h1>Causes</h1>
</header>
<p><code></code></p>
<p>Influenza is caused by viruses. These viruses travel through the air in droplets when someone with the
infection coughs, sneezes or talks. You can inhale the droplets directly. Or you can pick up the virus from
touching an object, such as a computer keyboard, and then touching your eyes, nose or mouth.</p>
<p>It's possible to spread the virus to others from about a day before symptoms appear until about 5 to 7 days
after they start. This is called being contagious. Children and people with weakened immune systems may be
contagious for a slightly longer time.</p>
<p>Influenza viruses are constantly changing, with new strains appearing often.</p>
</section>
<section class="main-section" id="Signs_and_Symptoms">
<header>
<h1>Signs and Symptoms</h1>
</header>
<p><code></code></p>
<p>The viruses that cause flu spread at high levels during certain times of the year in the Northern and Southern
hemispheres. These are called flu seasons. In North America, flu season usually runs between October and May.
</p>
<p>Common symptoms of the flu are:</p>
<ul>
<li>Sore throat</li>
<li>Runny or styffy nose</li>
<li>Fever</li>
<li>Headache</li>
<li>Cough</li>
<li>Muscle aches</li>
<li>Fatigue</li>
<li>Sweating and chills</li>
</ul>
</section>
<section class="main-section" id="Diagnosis_and_Treatment">
<header>
<h1>Diagnosis and Treatment</h1>
</header>
<p><code></code></p>
<p>Most people who get the flu can manage it at home and often don't need to see a healthcare professional.</p>
<p>If you have flu symptoms and are at risk of complications, see your healthcare professional right away.
Starting antiviral medicine within two days after your symptoms show up may shorten the length of your illness
and help prevent more-serious problems</p>
</section>
<section class="main-section" id="Emergency_Information">
<header>
<h1>Emergency Information</h1>
</header>
<p><code></code></p>
<p>If you have emergency symptoms of the flu, get medical care right away. For adults, emergency symptoms can
include:</p>
<ul>
<li>Trouble breathing or shortness of breath.</li>
<li>Chest pain or pressure.</li>
<li>Ongoing dizziness.</li>
<li>Hard to wake up or confusion.</li>
<li>Dehydration</li>
<li>Seizures</li>
<li>Worsening of existing medical conditions.</li>
<li>Severe weakness or muscle pain.</li>
</ul>
</section>
<section class="main-section" id="More_Information">
<header>
<h1>More Information</h1>
</header>
<p><code></code></p>
<p>For more information on influenza (flu) please <a
href="https://www.mayoclinic.org/diseases-conditions/flu/symptoms-causes/syc-20351719">click here.</a></p>
</section>
</main>
</body>
<html>
I added a closing tag and am still receiving an error message.
Sorry for the difficulty in my code, I am super new to this and am learning how to use the forum. I appreciate all the tips though!
I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
Only test 22 is failing when I test your code.
Save your code offline.
Then reset the step and paste the code into the editor and try again.
If that does not work, refresh the page.
If that does not work, try a different browser.
I have merged your various topics on this challenge, please do not create multiple topics for the same challenge, and if you need more help you can answer to the existing topic with your updated code and any more questions you have
