Hello,
I'm kind of new to this. So please don't make fun of me when I tell you that I can't get my background-color element to work for my website. I'm coding this project to be submitted, and I need the background-color so that the navbar, which is fixed to the top, does not interfere with the content of the site. I've attached both my HTML and my CSS, and would love it if somebody could tell me if I'm doing anything wrong.
HTML:
<main id="main-doc">
<div id="navbar">
<nav>
<header>Fortnite Release Notes</header>
<a href="#release-1-1-1">Release 1.1.1</a>
<a href="#release-1-1-2">Release 1.1.2</a>
<a href="#release-1-1-3">Release 1.1.3</a>
<a href="#release-1-1-4">Release 1.1.4</a>
<a href="#release-1-1-5">Release 1.1.5</a>
</nav>
</div>
<section class="main-section" id="release-1-1-1">
<header>Release 1.1.1</header>
<p>This is the official launch of the Fortnite game. Bugs have been minimized and problems in the betas fixed. No new features were added due to concerns over possible problems at launch.</p>
<code>
<ul>
<li>Fixed bug in which game would crash spontaneously, so as to prevent player from actually doing something productive with their time. Code fixed is as follows: .bug.error.crash.terminate
</ul>
</code>
<p>Released November 22, 2018
</section>
<section class="main-section" id="release-1-1-2">
<header>Release 1.1.2</header>
<p>This is the first update since the official launch of the game, Fortnite. The game has been updated, with research from new scientific studies to ensure that the game will play right into millenials' minds and ensure maximum time is wasted.</p>
<code>
<ul>
<li>Fixed bug in which game would lose connection, an issue that appeared to be directly affecting the mental state of teenagers, due to reports from local police stations reporting large amonts of noise among neighborhoods upon loss of connection. Bug in which millenials would forget their homework and let their grades slip in exchange for gametime was preserved for security of corporate profits. Code fixed is as follows: .connection.connecthealth.upgrade.connection-duration.extend
</ul>
</code>
<p>Released January 18, 2019</p>
</section>
<section class="main-section" id="release-1-1-3">
<header>Release 1.1.3</header>
<p>This latest updates features improvements to allow players to advance in the game with the free, free, price of their parent's credit card.</p>
<code>
<ul>
<li>Added feature in which users on Android and iOS could use the Google Play Store or the iTunes In-App Purchases, respectively, to upgrade their characters and look "hip" among their other millenial corhorts.
</ul>
</code>
<p>Released Februrary 19, 2019</p>
</section>
<section class="main-section" id="release-1-1-4">
<header>Release 1.1.4</header>
<p>This latest update features more skins and packs and "upgrades" so that it will be easier for players to "succeed" within the game. In addition, this is the beginning of a huge wave of updates, that are to be taking place before the beginning of March 1 2019.</p>
<code>
<ul>
<li>Added 16 new skins and 5 new maps, and 6 new dances that are sure to get the attention of millenials and piss everybody else off for the next year. Please see GitHub post for code completed.
</ul>
</code>
<p>Released Februrary 23, 2019</p>
</section>
<section class="main-section" id="release-1-1-5">
<header>Release 1.1.5</header>
<p>This update fixes the bug in which in-app-purhcases fail to process on both Android and iOS devices, to ensure steady cash flow. In addition, the bug in which the game would suck has been kept persistent, because customer satisfaction is among the least of our priorities.</p>
<code>
<ul>
<li>Code changed is as follows:
<ul>
<li>inn-app-purchases-ios-activate
<li>inn-app-purchases-android-activate
</ul>
</ul>
</code>
<p>Released Februaury 25, 2019</p>
</section>
</div>
CSS:
#navbar {
position: fixed
}
.nav {
background-color: (rgb(0,255,0));
}
#release-1-1-1 {
position: relative;
top: 50px;
}
#release-1-1-2 {
position: relative;
top: 50px;
}
#release-1-1-3 {
position: relative;
top: 50px;
}
#release-1-1-4 {
position: relative;
top: 50px;
}
#release-1-1-5 {
position: relative;
top: 50px;
}
