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


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?

    <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">

This is no doubt an easy problem to solve, but bear with me!


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.


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