Hello! When I try to place the logo in the header (#2 of the 'Junction' freeform project in HTML / CSS), the logo is massive and takes up the whole screen, rather than showing up as a little bookmark in the top left-hand side of the page, as per the example. Any ideas?
<body> <div class="header"> <div class="container"> <div class="row"> <img class="logo" src="https://s3.amazonaws.com/codecademy-content/projects/junction/logo.svg"> <ul class="nav"> <li>About</li> <li>Blog</li> <li>Help</li> <li>Contact</li> </ul> </div> </div> </div>
This is no doubt an easy problem to solve, but bear with me!