wellfedbison/gilroyhacks.com
wellfedbison/gilroyhacks.com
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added responsiveness

Browse Source
This commit is contained in:
James Dinh 2022-06-13 10:59:57 -07:00
parent 1ac7f4dd82
commit 7d9e39e544
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/general.css
View File

@ -116,6 +116,7 @@ nav li a:focus::after{
#nav-links-container { #nav-links-container {
display: flex; display: flex;
width: auto;
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 59px; height: 59px;
@ -148,7 +149,7 @@ nav li a:focus::after{
height: 100%; height: 100%;
/* width: 50%; */ /* width: 50%; */
width: 500px; width: 500px;
margin: 0 10px; margin: auto;
font-size: 20px; font-size: 20px;
display: inline-flex; display: inline-flex;
position: relative; position: relative;
@ -217,6 +218,11 @@ nav li a:focus::after{
} }
/* Responsive Functions */ /* Responsive Functions */
@media (max-width: 1250px) {
#banner {
display: none;
}
}
@media (max-width: 800px) { @media (max-width: 800px) {
.checkbtn { .checkbtn {
display: inline-block; display: inline-block;

1
index.html
View File

@ -46,7 +46,6 @@
<a id="nav-logo-a" href="./"> <a id="nav-logo-a" href="./">
<img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/> <img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
</a> </a>
<div id="nav-links-container"> <div id="nav-links-container">
<input type="checkbox" id="check"> <input type="checkbox" id="check">
<label for="check" class="checkbtn"> <label for="check" class="checkbtn">