hey, i need some advice on why my background image is covering my navbar and making it in active,
your css for .nav and ul should be like:
.nav{
position: absolute; /* or position:fixed */
top: 0;
width: 100%;
z-index: 999;
}
ul{
margin:0;
padding:0;
list-style:none;
width: 95vw;
text-align: right;
}
hey @sorinr thanks for your advice,would you have a look at my code and let me why the last test isn’t validating?
just delete the last line in #welcome-section. the one with margin-bottom: 0
i did that and it still won’t validate
The problem is you should make your welcome-section responsive, you might able to solve with adding media …
- I think you should set image with responsive width and height
- to test if your code is work just sink the columns and your welcome-section should be pretty and no information should be hidden when you sink the column of your views on CodePen
sorry i forgot to tell you to add box-sizing: border-box;
under *{....}
and change the height:100vh
in #welcome-section