need help coding the nav items so they are spaced vertically on top of the page and for there to be a blue background behind them at the top.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question
I need help coding the nav items so they are spaced vertically on top of the page and for there to be a blue background behind them at the top.
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="CSS/index.css" />
    <title>Video Game History</title>
    <style>
      .logo-container {
        display: flex;
        justify-content: center;
      }
      a {
        font-size: large;
      }
      p {
        font-size: larger;
      }
      article {
        border: 2px solid blue;
      }
      body {
        background-color: lightblue;
        font-family: Arial, Helvetica, sans-serif;
         font-size: 100%;
         margin: 0 auto;
      }
      footer {
        background-color: blue;
        color: white;
        text-align: center;
        padding: 1rem;
      }
    </style>
  </head>
  <body>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto">
          <li class="nav-item active">
              <a class="nav-link" href="index.html">Introduction<span class="sr-only"></span></a>
          </li>
          <li class="nav-item">
              <a class="nav-link" href="about.html">Video Game Crash</a>
          </li>
          </li>
          <li class="nav-item">
              <a class="nav-link" href="contact.html">The First Console War</a>
          </li>
      </ul>
  </div>
    <h1>The First Console War</h1>
    <article>
      <div class="logo-container">
        <img src="Images/Logo.png" alt="Video Game" height="300px" />
      </div>
      <h2>The Early Ages</h2>
      <div class="body-content">
        <p>
            Also in 1989, Sega released its 16-bit Genesis console in
             North America as a successor to its 1986 Sega Master System,
             which failed to adequately compete against the NES.
        </p>
        <p>
            With its technological superiority to the NES, clever marketing,
             and the 1991 release of the Sonic the Hedgehog game,
            the Genesis made significant headway against its older rival.
             In 1991, Nintendo released its 16-bit Super NES console in North America,
             launching the first real “console war.”
        </p>
        <p>
            The early- to mid-1990s saw the release of a wealth of popular games on both consoles,
            including new franchises such as Street Fighter II and Mortal Kombat,
             a fighting game that depicted blood and gore on the Genesis version of the game.
             In response to the violent game (as well as congressional hearings about violent video games),
             Sega created the Videogame Rating Council in 1993 to provide descriptive labeling
             for every game sold on a Sega home console. The council later gives rise to the
              industry-wide Entertainment Software Rating Board,
             which is still used today to rate video games based on content.
        </p>
        <p>
            In the mid-1990s, video games leaped to
             the Big Screen with the release of the Super Mario Bros.
            live-action movie in 1993, followed by
             Street Fighter and Mortal Kombat over the next two years.
             Numerous movies based on video games have been released since.
        </p>
        <p>
        With a much larger library of games, lower price point, and successful marketing,
             the Genesis had leapfrogged ahead of the SNES in North America by this time.
            But Sega was unable to find similar success in Japan.
        </p>
      </div>
    </article>
    <div class="logo-container">
        <img src="Images/arcade.jpg" alt="arcade" height="90" />
      </div>
    <footer>
      <div>Video Game History, Made By Makayla Guess</div>
    </footer>
  </body>
</html>

 

Expert Solution
steps

Step by step

Solved in 3 steps

Blurred answer
Knowledge Booster
Hyperlinks
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education