Having some trouble using position:relative to shift my logo to the left of my webpage. Oddly, moving it 20px seems to have no effect, but shifting it by 300px downwards causes it to vanish completely.
Here's a snippet of my current code:
.container-header {
justify-content: flex-end;
display: flex;
padding-bottom: 20px;
}
nav{
flex-wrap: nowrap;
margin-top: 20px;
}
nav a{
text-decoration: none;
box-sizing: border-box;
align-items: flex-end;
}
a{
box-sizing: border-box;
margin-bottom: 40px;
color: black;
margin: 20px;
}
img {
position: relative;
left: 40px;
}
Would appreciate any insights on why this isn't producing the desired outcome. Thank you!