I’m gettin the “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” problem, and I just can’t address the error.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Documentation Page Project freecodecamp</title>
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<nav id="navbar">
<header>First steps to produce a song in Ableton Live and some tips</header>
<a href="#Find-the-idea" class="nav-link">Find the idea</a>
<a href="#Set-the-rhythm" class="nav-link">Set the rhythm</a>
<a href="#Record-the-melody" class="nav-link">Record the melody</a>
<a href="#Make-the-bass" class="nav-link">Make the bass</a>
<a href="#Make-the-drums" class="nav-link">Make the drums</a>
<a href="#Include-the-ambient" class="nav-link">Include the ambient</a>
<a href="#List-of-5-tips-to-consider" class="nav-link">List of 5 tips to consider</a>
</nav>
<main id="main-doc">
<section class="main-section" id="Find-the-idea">
<header>Find the idea</header>
<p>Before starting you shoul have an idea in mind of what you'll like to say in the song</p>
<p>You don't need to have the hole song already figured, but the basic subject or the kind of feeling you'll like to express.</p>
<code>This is crusial to have before starting a proyect</code>
</section>
<section class="main-section" id="Set-the-rhythm">
<header>Set the rhythm</header>
<p>On the top left in the Ableton page you'll find a the bpm time on what the music will be produced.</p>
<p>Press the play bottom and tap the "tap area until you get the rhythm you need for your new song.</p>
<code>Find the rhythm while singing the song</code>
</section>
<section class="main-section" id="Record-the-melody">
<header>Record the melody</header>
<p>Choose an audio chanel and star recording the melody you have in your mind to keep it and see if matches the rhythm you'v seted earlier.</p>
<p>After you can transform the audio to a melody melody presing the right bottom and adjusting it carefully until you have the right melody.</p>
<p> This can be used later to make the lirycs or the ambient of the song</p>
<code>Try to record the melody matching the rhythm of the song as much as you can</code>
</section>
<section class="main-section" id="Make-the-bass">
<header>Make the bass</header>
<p>Make a bass you like using your preferd synthesizer of course :P</p>
<code>make the style of the bass match the feeling of the song</code>
</section>
<section class="main-section" id="Make-the-drums">
<header>Make the drums</header>
<p>Using a "drum rack" build the kick, snare and hihats. Also add special effects if needed.</p>
<code>download drumrack packs online</code>
</section>
<section class="main-section" id="Include-the-ambient">
<header>Include the ambient</header>
<p>Based on the fist melody you've compoused find the scale it is on, and come up with an ambient that matches the principal melody.</p>
<p>If you have a complex melody make a very simple ambient to balance the final result of the song, and viceversa. </p>
</section>
<section class="main-section" id="List-of-5-tips-to-consider">
<header>List of 5 tips to consider</header>
<ol>
<li>Set the scale of the song in every chanel usign the scale tools in Ableton live</li>
<li>Transform the meodies using the right click on ableton to acelerate the process if you don't have a midi keybord.</li>
<li>You don't need to have all the lirycs of the song already written in order to start producing. but if you have most of the melody figured it will help to produce faster.</li>
<li>Make all the song match the style of music you want to have.</li>
<li>If you don't have all the sounds you need, go and find them or mold them out with your synth</li>
</ol>
</section>
</main>
</body>
</html>
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.0 Safari/605.1.15
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page