Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Hello, I am having issues with requirement 10 for the Technical Page project ( Requirement: You should have at least five code elements that are descendants of .main-section elements.). I’ve tried a several different things to add elements, however I’m still not getting a pass. Could I please get some help? I think I’m just misunderstanding what the requirement is asking of me, but I’m not sure.

Your code so far
HTML


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" Content="Cardinals baseball history">
    <title>St Louis Cardinals History</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main-doc">
      <br>
      <!--       Overview        -->
      <section id="overview" class="main-section">
        <header>Overview</header>
        <h2></h2>
        <div>
        <p>The <strong>St. Louis Cardinals</strong>, part of the major league baseball (<em>MLB</em>) association with a long and illustrious history in the league. The organization has over 120 years of competing in the MLB has showcased a plethera of talented players, attained serveral penant victories, and managed to secure 11 world series titles for their efforts. Second only the the New York Yankees in world titles. As we dive deeper into this historic team, we'll see what made this team so great and lead to all their success.</p>
        </div>
        <br>
      </section>
      <!--      Early Years      -->
      <section id="early_years" class="main-section">
        <header>Early Years</header>
        <h2></h2>
        <div>
        <p>The orgins of the St Louis Cardinals began as the lesser known St Louis Brown Stockings. A professional ball club with a short history competing from 1875 to 1877, until a fixing scandal in 1877 got two players kicked out of the league and forced the team to go bankrupt. With Ned Cuthbert keeping the team somewhat relavent with duct tape and super glue tactics, in 1881 a German immogrant, <strong>Chris Von Der Ahe</strong>, bought the Brown Stockings ball club, shortly after renaming the team to the St Louis Browns. </p>
        <p>After some ups and downs. The Browns had some stellar years of baseball, securing 4 consecutive pennant victories and even captured a world title in the American Association to boot. In 1892 the Browns merged into the National league after the American Assoication dissolved. In 1898, Von Der Ahe after going bankrupt sold the team to new owners Frank and Stanley Robinson. The Robinson's began having the team wear red and renamed the team to the Perfectos. However, legend has it after a reporter overhead a lady regard the new team colors as "a lovely shade of cardinal" and reported on it. A cord was struck with the owners and soon after the team was renamed to the St Louis Cardinals. </p>
        <p>The team shifted owners a few more times before under the helm of general manager/vice president <strong>Branch Rickey</strong> and owner <strong>Sam Breadon</strong> the team reached a new level. Branch was able to garner talented players for the team from an idea he had called the "farm system", the first of its kind. A system so successful it was adopted by every other team in the MLB. Soon with their leadership the team was able to conduct itself in the winning ways the franchise is known for.</p>
        </div>
        <br>
      </section>
      <!--      Penant Runs       -->
      <section id="penant_runs" class="main-section">
        <header>Penant Runs</header>
        <h2></h2>
        <div>
        <p>The St Louis Cardinals franchise is decorated with several penant victories. Below is an organized list of those penants.
</p>
        </div>
        <ul id="penant-list">
          <li>1885</li>
          <li>1886</li>
          <li>1887</li>
          <li>1888</li>
          <li>1925</li>
          <li>1928</li>
          <li>1930</li>
          <li>1931</li>
          <li>1934</li>
          <li>1942</li>
          <li>1943</li>
          <li>1944</li>
          <li>1946</li>
          <li>1964</li>
          <li>1967</li>
          <li>1968</li>
          <li>1982</li>
          <li>1985</li>
          <li>1987</li>
          <li>2004</li>
          <li>2006</li>
          <li>2011</li>
          <li>2013</li>
        </ul>
        <br>
      </section>
      <!--     Championships     -->
      <section id="championships" class="main-section">
        <header>Championships</header>
        <h2></h2>
        <div>
        <p>Second only to the Yankees, the St Louis Cardinals have secured 11 World Series titles (12 if you include their time in the <em>American Association</em>). Below are all the years their efforts secured them a world title, as well as notable players who helped make the Cardinals who they are today.</p>
        </div>
        <ul id="championship-list">
          <li>1886*</li>
          <li>1926</li>
          <li>1931</li>
          <li>1934</li>
          <li>1942</li>
          <li>1944</li>
          <li>1946</li>
          <li>1964</li>
          <li>1967</li>
          <li>1982</li>
          <li>2006</li>
          <li>2011</li>
        </ul>
        <div>
        <h3>Notable Players</h3>
        <p><strong>Stan "The Man" Musial</strong>, also known as "baseball's perfect warrior", kept his high play on and off the field. A product of Rickey's farm sytem, Musial's legendary career was awarded with being an all-star 24 time, a world champion 3 times, an mvp 3 times, and even a statue infront of Busch Stadium.  </p>
        <p><strong>Bob Gibson</strong>, pitcher extrodiar. In his career, Gibson had a win-loss record of 251-174 with an ERA of 2.91, during a stretch in 1968 holding a 1.12 era for the season. He pitched 56 shutouts and 255 complete games, striking out 3,117 batters in 3,884.1 innings pitched. As a hitter, he had a lifetime batting average of .206 with 24 home runs and 144 runs batted in. Gibson was sometimes used by the Cardinals as a pinch-hitter, and in 1970 he hit .303 for the season in 109 at-bats.</p>
        <p><strong>Ozzie "The Wizard of Oz" Smith</strong>, known for the excitement he brought to the field with his signature backflip. As a career short stop his highlights speak for themselves. He was a 15 time all-star, a world champion, a 13 time gold glove winner, and even an MVP.</p>
        <p><strong>Mark McGwire</strong>, despite the steriods, he was a part of an extrodiary time for St Louis baseball during the 1988 home run race where McGwire hit 70 homeruns in a single season. One of the most prolific home run hitters in baseball history, McGwire hit 583 home runs, which ranked 5th-most in MLB history at the time of his retirement and currently ranks 11th. He holds the major-league career record for at bats per home run ratio (10.6), and is the former record holder for both home runs in a single season (70 in 1998) and home runs hit by a rookie (49 in 1987).</p>
        <p><strong>Albert "The Machine" Pujols</strong>,  Pujols was pivitol for the Cardinals most recent World titles (2006, 2011). He was the National League (NL) Most Valuable Player (MVP) in 2005, 2008, and 2009 and is an 11-time All-Star (2001, 2003–2010, 2015, 2022). He is a six-time Silver Slugger who has twice led the NL in home runs, and he has also led the NL once each in batting average, doubles, and runs batted in (RBIs). In 2018, Pujols collected his 3,000th career hit, becoming the 32nd MLB player to reach that milestone.</p>
        <p>Notable Mention: <strong>Tony LaRussa</strong>, though not a player for the Cardinals, as a manager Tony LaRussa is nothing short of legendary.</p>
        </div>
        <br>
      </section>
      <!--        Current        -->
      <section id="current" class="main-section">
        <header>Current</header>
        <h2></h2>
        <div>
        <p>As the Cardinals enter into a new era after the loss of key Cardinal members who helped grab world titles in <em>2006</em> and <em>2011</em> such as Tony LaRoussa, Yadi Molina, Albert Pujols, and now Adam Wainwright, there is undoubtedly many bumps in the road ahead. However, the passing of the torch is not without some light at the end of the tunnel. A budding star on the team, <strong>Jordan Walker</strong> shows excellent talent for the game, and showed strong production for the team in his rookie year. With over 100 years in the league, the Red Birds are no strangers to rebuilding, and that experience will be valuable navigating this rebuilding period. Surely they will get back to their winning ways soon enough. Until then, we wait to see what they do!</p>
        </div>
      </section>
      <nav id="navbar">
        <header>St Louis Cardinals History</header>
        <ul id="page-list">
          <li><a class="nav-link" href="#overview">Overview</a></li>
          <li><a class="nav-link" href="#early_years">Early Years</a></li>
          <li><a class="nav-link" href="#penant_runs">Penant Runs</a></li>
          <li><a class="nav-link" href="#championships">Championships</a></li>
          <li><a class="nav-link" href="#current">Current</a></li>
        </ul>
      </nav>
    </main>
  </body>
</html>

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.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

CSS

body {
  margin: 0;
  background-color: #faf5e8;
}

.main-section {
  margin-left: 275px;
  margin-bottom: 2em;
  margin-right: 25px;
}

.main-section, nav {
  font-family: 'futura' ,sans-serif;
}

header {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #db0707;
}

h3 {
  color: #db0707;
}

p {
  color: #e65c5c;
  line-height: 2em;
  text-indent: 50px;
}

nav {
  width: 215px;
  height: 100%;
  padding: 10px;
  border-right: 2px solid #db0707;
  position: sticky;
  right: 100%;
  bottom: -20px;
}

#page-list {
  list-style-type: none;
  line-height: 2em;
  position: relative;
  right: 15%;
}

a {
  text-decoration: none;
  color: #e65c5c;
}

a:hover {
  color: #db0707;
  text-decoration: underline;
}

#penant-list, #championship-list {
  display: flex;
  flex-wrap: wrap;
  color: #e65c5c;
  line-height: 1.5em;
}

#penant-list li, #championship-list li {
  margin-right: 30px;
}

@media{
  .main-section {
    
  }
}

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

1 Like

HTML code tag elements
<code> elements inside the .main-section :

2 Likes

Thank you! I got passed the requirement :+1:

2 Likes

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.