Problems with sizing of an image

Problems with sizing of an image

Here is a link to the codepen, I made comments only where the issue appears.
So, basically I want the logo to be at the left side of the screen, and it goes over there, but when I try changing the size of the image to 200px width and 80px height, it doesn’t change at all. No idea what is wrong, hopefully someone can help?


only the image container resize, try adding
#logo img {max-width: 100%}


Instead of adding width/height to the parent element of the img (in your case its div with id of logo), add it to the image instead.


<img id="test" src="">

#test {
  width: 200px


Thank you, that worked!