I'm struggling to add "a:hover" to my home button in the menu bar and can't seem to remove the text-decoration. When I attempted to use media queries, things got confusing for me.
**To post a question on Stack Overflow, it seems that I need to provide more details.**
body {
background-image: url("blue-bokeh.jpeg");
width: 100%;
height: 100%;
}
.wrap {
height: auto;
width: 90%;
margin: auto;
}
header {
background: #333;
color: white;
height: auto;
width:100%;
float: left;
}
header nav {
width: 100%;
height: auto;
}
header nav ul {
list-style: none;
height: auto;
width: auto; /* what happens if i change the value to 100% */
float: right;
margin-right:30px;
}
... (OMITTED FOR BREVITY) ...
@media screen and (max-width: 700px) {
body {
background-image: url("blue-bokeh.jpeg");
width: 100%;
... (OMITTED FOR BREVITY) ...
}
}