Junction: a proverbial "getting the little thingy right" question


#1

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!


#2

The logo is an SVG so can be easily scaled to fit any dimension. Use CSS to set one of width OR height, and the iimage will scale proportionally.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.