diff --git a/index.html b/index.html index 380fe65e22fc3e1315d3e4388ed7213d86c0333b..8bd96c2f7d1987a6ab8907d0ca9eb050c33e8a5c 100644 --- a/index.html +++ b/index.html @@ -14,13 +14,13 @@ <nav> <ul class="top-nav"> - <li class="top-nav-hide"><a href="#">Missions</a></li> - <li class="top-nav-hide"><a href="#">Galleries</a></li> - <li class="top-nav-hide"><a href="#">NASA TV</a></li> - <li class="top-nav-hide"><a href="#">Follow NASA</a></li> - <li class="top-nav-hide"><a href="#">Downloads</a></li> - <li class="top-nav-hide"><a href="#">About</a></li> - <li class="top-nav-hide"><a href="#">NASA Audiences</a></li> + <li><a href="#">Missions</a></li> + <li><a href="#">Galleries</a></li> + <li><a href="#">NASA TV</a></li> + <li><a href="#">Follow NASA</a></li> + <li><a href="#">Downloads</a></li> + <li><a href="#">About</a></li> + <li><a href="#">NASA Audiences</a></li> <li> <form class="search-form" method="post" accept-charset="UTF-8"> <input type="search" placeholder="Search" /> diff --git a/styles.css b/styles.css index d20bd21e823b4505364f12370355fc680462b906..f7a0bb6f48fa23d00c57e571809bd04919213ada 100644 --- a/styles.css +++ b/styles.css @@ -66,15 +66,11 @@ nav ul li a { } .top-nav li a { - font-size: 0.8rem; + font-size: 0.7rem; border-right: 0.05rem solid #eeeeee; white-space: nowrap; } -.top-nav-hide { - display: none; -} - .top-nav li:nth-child(n+7) a { border: none; } @@ -115,7 +111,9 @@ nav ul li a { } .center-nav { - display: none; + display: flex; + justify-content: center; + align-items: center; margin-top: 1rem; } @@ -127,7 +125,7 @@ nav ul li a { .center-nav li a { display: block; padding: 0.5rem 1rem; - font-size: 0.7rem; + font-size: 0.6rem; font-weight: 500; white-space: nowrap; } @@ -424,6 +422,26 @@ iframe { .nasa-events-bottom-horizontal { font-size: 0.6rem; } + + .overlay > .overlay-title { + font-size: 0.7rem; + } + + .overlay > .overlay-description { + font-size: 0.7rem; + } + + .nasa-launch h4 { + font-size: 0.8rem; + } + + .nasa-launch p { + font-size: 0.5rem; + } + + .nasa-launch a { + font-size: 0.5rem; + } } /* Large devices (laptops/desktops, 992px and up) */ @@ -445,12 +463,6 @@ iframe { width: 1rem; } - .center-nav { - display: flex; - justify-content: center; - align-items: center; - } - .center-nav li a { font-size: 0.6rem; } @@ -485,6 +497,26 @@ iframe { .nasa-events-bottom-horizontal { font-size: 0.8rem; } + + .overlay > .overlay-title { + font-size: 0.8rem; + } + + .overlay > .overlay-description { + font-size: 0.8rem; + } + + .nasa-launch h4 { + font-size: 1rem; + } + + .nasa-launch p { + font-size: 0.6rem; + } + + .nasa-launch a { + font-size: 0.6rem; + } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @@ -526,4 +558,24 @@ iframe { .news-headline > h2 { font-size: 1.3rem; } + + .overlay > .overlay-title { + font-size: 0.9rem; + } + + .overlay > .overlay-description { + font-size: 0.9rem; + } + + .nasa-launch h4 { + font-size: 1.2rem; + } + + .nasa-launch p { + font-size: 0.7rem; + } + + .nasa-launch a { + font-size: 0.7rem; + } } \ No newline at end of file