Problems with sizing of an image

Problems with sizing of an image
0.0 0

#1

https://codepen.io/AlexakaCardi/pen/PJKYxg
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?


#2

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


#3

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.

So…

<img id="test" src="https://upload.wikimedia.org/wikipedia/en/b/bd/Random_App_Logo.png">

#test {
  width: 200px
}

#4

Thank you, that worked!