modified: css/Layout_index.css

modified: index.html
JonahRileyHuggins · Oct 5, 2023 · acea9ef · acea9ef
1 parent ae4dd31
commit acea9ef
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/css/Layout_index.css b/css/Layout_index.css
@@ -26,14 +26,14 @@ body, html {
 
 /* Add a black background color to the top navigation */
 .topnav {
-  background-color: #333;
+  background-color: rgb(235, 238, 218);
   overflow: hidden;
 }
 
 /* Style the links inside the navigation bar */
 .topnav a {
   float: right;
-  color: #f2f2f2;
+  color: #333;
   text-align: center;
   padding: 17px 16px;
   text-decoration: none;
@@ -43,20 +43,18 @@ body, html {
 /* Change the color of links on hover */
 .topnav a:hover {
   background-color: #ddd;
-  color: black;
+  color: whitesmoke;
 }
 
 /* Add a color to the active/current link */
 .topnav a.active {
-  background-color: #04AA6D;
-  color: white;
+  background-color: #333;
+  color: whitesmoke;
 }
 
 .title {
-  background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0, 0.0); /* Black w/opacity/see-through */
-  color: white;
-  font-color: white;
+  color: whitesmoke;
   font-weight: bold;
   position: absolute;
   top: 5%;

diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>Movie Data Dashboard for Data Viz</title>
          <!--Linking in the CSS design file-->
             <link href="css/Layout_index.css" rel="stylesheet" type="text/css" />