Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Hellooo!

I was building its tec page, and when I started to write CSS to style it as asked, I cannot scroll down text anymore in the output window. And the links from nav bar stopped working. Is it due to the bad CSS styling? I didn’t change HTML itself… nav links worked before I started with CSS.

Thank you in advance.

Saludos!

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>CrossFIT</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <nav id="navbar">
      <header class="main_header">CrossFit</header>
      <a class="nav-link" href="#Summary">Summary</a>
      <a class="nav-link" href="#History">History</a>
      <a class="nav-link" href="#Overview">Overview</a>
      <a class="nav-link" href="#Business_model">Business model</a>
       <a class="nav-link" name="CrossFit_Games" href="#CrossFit_Games">CrossFit Games</a>
    </nav>
<main id="main-doc">

  <section class="main-section" id="Summary">
    <header >Summary</header>
    <p>CrossFit is a branded fitness regimen that involves constantly varied functional movements performed at high intensity. The methodology was developed by Greg Glassman, who founded CrossFit with Lauren Jenai in 2000, with CrossFit its registered trademark. The company forms what has been described as the biggest fitness chain in the world, with around 12,000 affiliated gyms in over 150 countries as of 2022, under half of which are located in the United States.</p>
    <p>CrossFit is promoted as both a physical exercise philosophy and a competitive fitness sport, incorporating elements from high-intensity interval training, Olympic weightlifting, plyometrics, powerlifting, gymnastics, kettlebell lifting, calisthenics, strongman, and other exercises. It is practiced by members in CrossFit-affiliated gyms, and by individuals who complete daily workouts (otherwise known as "WODs" or "Workouts of the Day").</p>
    
  </section>

  <section class="main-section" id="History">
     <header >History</header>
   <p><code>CrossFit</code>, meaning cross-discipline fitness, was conceived as a company in 1996 as Cross-Fit. Greg Glassman and Lauren Jenai incorporated CrossFit, Inc. in 2000. They opened a gym in Santa Cruz, California in 2001 and posted their workouts on the Internet for their clients, and these workouts were then quickly adopted by individuals in the police, military, firefighting services. The first affiliated gym (known as 'box') to form was CrossFit North in Seattle, Washington when Glassman's internet postings were used by those who wanted to officially incorporate his workouts into their training regimen in 2002. Glassman then began to develop a curriculum to train and certify coaches and gym owners using his methodology. Coaches associated with CrossFit include Louie Simmons, John Welbourn, and Bob Harper.</p>
   <p>The number of <code>CrossFit-affiliated</code> gyms grew quickly: there were 13 gyms in 2005, 8,000 in 2013, and more than 13,000 in 2016. By 2018, there were over 15,000 CrossFit gyms in 162 countries with an estimated worldwide membership of over two million, however, the COVID-19 pandemic forced the closure of around 20% of its gyms, and disaffiliations due to the Glassman controversy in 2020 further reduced the number of paid affiliations to 9,400 by early 2021. The number has since recovered to around 12,500 including non-paying affiliates by early 2022, with strong growth observed in Europe.</p>
   </section>

  <section class="main-section" id="Overview"> 
    <header >Overview</header>
     <p><code>CrossFit</code> is a strength, conditioning, and overall fitness program consisting mainly of a mix of aerobic exercise, calisthenics (bodyweight exercises), and Olympic weightlifting. CrossFit, LLC describes its strength and conditioning program as "constantly varied functional movements executed at high intensity across broad time and modal domains." CrossFit aims to develop fitness in what the company deems to be the ten components of physical fitness: cardiovascular/respiratory endurance, stamina, strength, flexibility, power, speed, coordination, agility, balance, accuracy. Usually, the duration and content of each workout is not fixed.</p>
     <p>Hour-long classes at affiliated gyms, or "boxes," typically include a warm-up, a skill development segment, the high-intensity "Workout of the Day" (or WOD), and a period of individual or group stretching. Some gyms also often have a strength-focused movement prior to the WOD, though CrossFit encourages most athletes to prioritize intensity over supplemental strength training or additional programming. Performance on each WOD is often scored and/or ranked to encourage competition and to track individual progress. Some affiliates offer additional classes, such as Olympic weightlifting, which are not centered on a WOD.</p>
    </section>

  <section class="main-section" id="Business_model">
    <header >Business model</header>
     <p><code>CrossFit</code>, LLC licenses the CrossFit name to gyms for an annual fee and certifies trainers. Besides the standard two-day "Level 1 Certificate Course," CrossFit offers a Level 2 Certificate Course, CrossFit Kids Course, and many online course offerings. During the COVID-19 pandemic, CrossFit also began offering an Online Level 1 Course. CrossFit preferred courses include gymnastics, Olympic weightlifting, powerlifting, strongman, running and endurance, rowing, kettlebells, mobility and recovery, and self-defense and striking.</p>
     <p>Other specialized adaptations include programs for pregnant women, seniors, and military special operations candidates. Affiliates develop their own programming, pricing, and instructional methods. Many athletes and trainers see themselves as part of a contrarian, insurgent movement that questions conventional fitness wisdom. In addition to performing prescribed workouts, they follow CrossFit's nutrition recommendations, adopting a paleo, keto and/or zone diets, or counting macros.</p>
     <p>CrossFit Popularity Around the World</p>
     <ul>
       <li>United States: 5,000+</li>
       <li>Brazil: 1,149</li>
       <li>Italy: 662</li>
       <li>Canada: 588</li>
       <li>Australia: 588</li>
     </ul>
     </section>

  <section class="main-section" id="CrossFit_Games">
    <header >CrossFit Games</header>
     <p>The <code>CrossFit</code> Games, created and directed by Dave Castro until 2021, have been held every summer since 2007. Athletes at the Games compete in workouts they learn about only hours beforehand, sometimes including surprise elements that are not part of the typical CrossFit regimen. Past examples include a rough-water swim, a softball throw, and a pegboard climb.</p>
     <p>The Games are styled as a venue for determining the "Fittest on Earth," where competitors should be "ready for anything."

In 2011, the Games adopted an online qualification format, facilitating participation by athletes worldwide. During the five-week-long "CrossFit Open", one new workout is released each week. Athletes have several days to complete the workout and submit their scores online, with either a video or validation by a CrossFit affiliate. Since the Open is available to any level of athlete, many affiliates encourage member participation and the number of worldwide participants can be in the hundreds of thousands.</p>
     </section>

</main>
  </body>
</html>


* {
  box-sizing: border-box;
  font-family: Sans-serif;
}
body {
  display: flex;
flex-direction: row;
}
#navbar {
  height: 100%;
  width: 200px;
 display: flex;
 flex-direction: column;
 position: fixed;
 left: 0;
 background-color: black;
 color: white;
}
.main_header {
  font-weight: bold;
  font-size: 44px;
  margin: 30px auto;
}
a{
  text-decoration: none;
  color: white;
  
  border-top: 1px white solid;
  padding: 20px;
}
a:visited 
{
    text-decoration: none; 
    decoration: none; 
    color: white;
}
a:hover {
  background-color: yellow;
  color: black;
}
#main-doc {
  width: 600; 
  position: fixed;
  left: 200px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Hey! you might also want to add the HTML for your code.

Hey! the post is updated with html in it. :smiley: