Tell us what’s happening:
Hi guys, I’m struggling to understand why I’m not passing test 12 on the technical document page. I’ve tried rearranging my anchor elements (they were previously nested within the
Project link: https://codepen.io/adewaletalabi/pen/BapXRGQ?editors=1100
HMTL
<nav id="navbar">
<header>Git Documentation</header>
<ul>
<a class="nav-link" href="#What_is_Git?"> <li><p> What is Git?</p></li></a>
<a class="nav-link" href="#Why_Use_Git?"><li><p>Why Use Git?</p></li></a>
<a class="nav-link" href="#Getting_Started_With_Git"><li><p> Getting Started With Git</p></li></a>
<a class="nav-link" href="#Creating_a_branch"><li><p>Creating a branch</p></li></a>
<a class="nav-link" href="#Make_Change"><li><p>Make Change</p></li></a>
<a class="nav-link" href="#Push_your_changes_to_the_remote"><li><p>Push your changes</p></li></a>
<a class="nav-link" href="#Open_a_pull_request"><li><p>Open a Pull Request</p></li></a>
<a class="nav-link" href="#Collaborate"><li><p>Collaborate</p></li></a>
<a class="nav-link" href="#Merge_into_master"><li><p>Merge into master</p></li></a>
<a class="nav-link" href="#How_to_Use_Git"><li><p>How to Use Git</p></li></a>
<a class="nav-link" href="#Learning_&_Mastering_Git_Commands"><li><p>Learning & Mastering Git Commands</p></li></a>
<a class="nav-link" href="#Getting_Started_With_GitHub"><li><p>Getting Started With GitHub</p></li></a>
</ul>
</nav>
<main id="main-doc">
<section class="main-section" id="What_is_Git?">
<header>What is Git?</header>
<article>
<p>
Git is distributed version control software. Version control is a way to save changes over time without overwriting previous versions. Being distributed means that every developer working with a Git repository has a copy of that entire repository - every commit, every branch, every file. If you're used to working with centralized version control systems, this is a big difference!
</p>
<p>
Whether or not you've worked with version control before, there are a few things you should know before getting started with Git:
</p>
<ul>
<li><p>Branches are lightweight and cheap, so it's OK to have many of them</p></li>
<li><p>Git stores changes in SHA hashes, which work by compressing text files. That makes Git a very good version control system (VCS) for software programming, but not so good for binary files like images or videos.</p></li>
<li><p>Git repositories can be connected, so you can work on one locally on your own machine, and connect it to a shared repository. This way, you can push and pull changes to a repository and easily collaborate with others.</p></li>
</ul>
</article>
</section>
<section class="main-section" id="Why_Use_Git?">
<header>Why Use Git?</header>
<article>
<p>
Version control is very important - without it, you risk losing your work. With Git, you can make a "commit", or a save point, as often as you'd like. You can also go back to previous commits. This takes the pressure off of you while you're working. Commit often and commit early, and you'll never have that gut sinking feeling of overwriting or losing changes.
</p>
<p>
There are many version control systems out there - but Git has some major advantages.
</p>
<ul style="list-style:none;">
<li><strong><p>Speed</strong></p></li>
<p>Like we mentioned above, Git uses SHA compression, which makes it very fast.</p>
<li><strong><p>Merge conflicts</strong></p></li>
<p>Git can handle merge conflicts, which mean that <strong>it's OK for multiple people to work on the same file at the same time.</strong> This opens up the world of development in a way that isn't possible with centralized version control. You have access to the entire project, and if you're working on a branch, you can do whatever you need to and know that your changes are safe.</p>
<li><strong><p>Cheap branches</strong></p></li>
<p>Speaking of branches, Git offers a lot of flexibility and opportunity for collaboration with branches. <strong>By using branches, developers can make changes in a safe sandbox.</strong></p>
<p>Instead of only committing code that is 100% sure to succeed, developers can commit code that might still need help. Then, they can push that code to the remote and get fast feedback from integrated tests or peer review.</p>
<p>Without sharing the code through branches, this would never be possible.</p>
</ul>
</article>
</section>
<section class="main-section" id="Getting_Started_With_Git">
<header>Getting Started With Git</header>
<article>
<p>
Depending on your operating system, you may already have <a href="https://github.com/git-guides/install-git">Git installed</a>. But, getting started means more than having the software! To get started, it's important to know the basics of how Git works. You may choose to do the actual work within a terminal, an app like GitHub Desktop, or through GitHub.com.</p>
<p style="font-style:italic">(Note: while you can interact with Git through GitHub.com, your experience may be limited. Many local tools can give you access to the most widely used Git functionalities, though only the terminal will give you access to them all.)</p>
<p>There are many ways to use Git, which doesn't necessarily make it easier! But, the fundamental Git workflow has a few main steps. You can practice all of these in the <a href="https://lab.github.com/githubtraining/introduction-to-github">Introduction to GitHub Learning Lab course.</a></p>
</article>
</section>
<section class="main-section" id="Creating_a_branch">
<header>Creating a branch</header>
<article>
<p>
The main branch is usually called <code>master.</code> We want to work on another branch, so we can make a pull request and make changes safely. To get started, create a branch off of <code>master.</code> Name it however you'd like - but we recommend naming branches based on the function or feature that will be the focus of this branch. One person may have several branches, and one branch may have several people collaborate on it - branches are for a purpose, not a person. Wherever you currently "are" (wherever HEAD is pointing, or whatever branch you're currently "checked out" to) will be the parent of the branch you create. That means you can create branches from other branches, tags, or any commit! But, the most typical workflow is to create a branch from <code>master</code> - which represents the most current production code.
</p>
</article>
</section>
<section class="main-section" id="Make_Change">
<header>Make Change</header>
<article>
<p>
Once you've created a branch, and moved the HEAD pointer to it by "checking out" to that branch, you're ready to get to work. Make the changes in your repository using your favorite text editor or IDE.
</p>
<p>
Next, save your changes. You're ready to start the commit!
</p>
<p>To start your <a href=”https://github.com/git-guides/git-commit”>commit</a>, you need to let Git know what changes you'd like to include with <code>git add [file]</code>.</p>
<p>
Once you've saved and staged the changes, you're ready to <a href=https://github.com/git-guides/git-commit>make the commit</a> with <code>git commit -m "descriptive commit message"</code>.
</p>
</article>
</section>
<section class="main-section" id="Push_your_changes_to_the_remote">
<header>Push your changes to the remote</header>
<article>
<p>
So far, if you've made a commit locally, you're the only one that can see it. To let others see your work and begin collaboration, you should "push" your changes using <code>git push</code>. If you're pushing from a branch for the first time that you've created locally, you may need to give Git some more information. <code>git push -u origin [branch-name]</code> tells Git to push the current branch, and create a branch on the remote that matches it with the same name - and also, create a relationship with that branch, so that <code>git push</code> will be enough information in the future.</p>
<p>
By default, <code>git push</code> only pushes the branch that you're currently checked out to.
</p>
<p>
Sometimes, if there has been a new commit on the branch on the remote, you may be blocked from pushing. Don't worry! Start with a simple <code> <a href=”https://github.com/git-guides/git-pull”>git pull</a></code> to incorporate the changes on the remote into your own local branch, resolve any conflicts or finish the merge from the remote into the local branch, and then try the push again.</p>
</article>
</section>
<section class="main-section" id="Open_a_pull_request">
<header>Open a pull request</header>
<article>
<p>
Pushing a branch, or new commits, to a remote repository is enough if a pull request already exists, but if it's the first time you're pushing that branch, you should open a new pull request. A pull request is a comparison of two branches - typically <code>master</code>, or the branch that the feature branch was created from, and the feature branch. This way, like branches, pull requests are scoped around a specific function or addition of work, rather than the person making the changes or amount of time the changes will take.</p>
<p>
Pull requests are the powerhouse of GitHub. Integrated tests can automatically run on pull requests, giving you immediate feedback on your code. Peers can give detailed code reviews, letting you know if there are changes to make, or if it's ready to go.
</p>
<p>
Make sure you start your pull requests off with the right information. Put yourself in the shoes of your teammates, or even of your future self. Include information about what this change relates to, what prompted it, what is already done, what is left to do, and any specific asks for help or reviews. Include links to relevant work or conversations. Pull request templates can help make this process easy by automating the starting content of the body of pull requests.
</p>
</article>
</section>
<section class="main-section" id="Collaborate">
<header>Collaborate</header>
<article>
<p>
Once the pull request is open, then the real fun starts. It's important to recognize that pull requests aren't meant to be open when work is finished. Pull requests should be open when work is beginning! The earlier you open a pull request, the more visibility the entire team has to the work that you're doing. When you're ready for feedback, you can get it by integrating tests or requesting reviews from teammates.</p>
<p>
It's very likely that you will want to make more changes to your work. That's great! To do that, make more commits on the same branch. Once the new commits are present on the remote, the pull request will update and show the most recent version of your work.
</p>
</article>
</section>
<section class="main-section" id="Merge_into_master">
<header>Merge into master</header>
<article>
<p>
Once you and your team decide that the pull request looks good, you can merge it. By merging, you integrate the feature branch into the other branch (most typically the <code>master</code> branch). Then, <code>master</code> will be updated with your changes, and your pull request will be closed. Don't forget to delete your branch! You won't need it anymore. Remember, branches are lightweight and cheap, and you should create a new one when you need it based on the most recent commit on the <code>master</code> branch.</p>
<p>
If you choose not to merge the pull request, you can also close pull requests with unmerged changes.</p>
</article>
</section>
<section class="main-section" id="How_to_Use_Git">
<header>How to Use Git</header>
</section>
<section class="main-section" id="Learning_&_Mastering_Git_Commands">
<header>Learning & Mastering Git Commands</header>
<article>
<p>
If you're getting started with Git, a great place to start is the <a href=”https://github.github.io/training-kit/”>Git Cheat sheet</a>. It's translated into many languages, <a href=”https://github.com/github/training-kit”>open source as a part of the <code>github/training-kit</code> repository</a>, and a great starting place for the fundamentals on the command line.
</p>
<p>
Some of the most important and most used commands that you'll find there are:
</p>
<ul>
<li><p><code>git clone [url]</code>: Clone (download) a repository that already exists on GitHub, including all of the files, branches, and commits.</p></li>
<li><p><code>git status</code>: Always a good idea, this command shows you what branch you're on, what files are in the working or staging directory, and any other important information.</p></li>
<li><p><code>git branch</code>: This shows the existing branches in your local repository. You can also use <code>git branch [banch-name]</code> to create a branch from your current location, or <code>git branch –all</code> to see all branches, both the local ones on your machine, and the remote tracking branches stored from the last <code>git pull</code> or <code>git fetch</code> from the remote.</p></li>
<li><p><code>git add [branch-name]</code>: Switches to the specified branch and updates the working directory.</p></li>
<li><p><code>git add [file]</code>: Snapshots the file in preparation for versioning, adding it to the staging area.</p></li>
<li><p><code>git commit -m "descriptive message"</code> Records file snapshots permanently in version history.</p></li>
<li><p><code>git pull</code> Updates your current local working branch with all new commits from the corresponding remote branch on GitHub. <code>git pull</code> is a combination of <code>git fetch</code> and <code>git merge</code>.</p></li>
<li><p><code>git push</code>Uploads all local branch commits to the remote. </p></li>
<li><p><code>git log</code>Browse and inspect the evolution of project files.</p></li>
<li><p><code>git remote -v</code>Show the associated remote repositories and their stored name, like <code>origin</code>.</p></li>
</ul>
</article>
</section>
<section class="main-section" id="Getting_Started_With_GitHub">
<header>Getting Started With GitHub</header>
<article>
<p>
If you're wondering where Git ends and GitHub begins, you're not alone. They are tied closely together to make working with them both a seamless experience. While Git takes care of the underlying version control, GitHub is the collaboration platform built on top of it. GitHub is the place for pull requests, comments, reviews, integrated tests, and so much more. Most developers work locally to develop, and use GitHub for collaboration. That ranges from using GitHub to host the shared remote repository, to working with colleagues and capitalizing on features like protected branches, code review, GitHub Actions, and more.
</p>
<p>
The best place to practice using Git and GitHub is the <a href=”https://lab.github.com/githubtraining/introduction-to-github”>Introduction to GitHub Learning Lab course.</a></p>
</article>
</section>
</main>