Need help re-sizing image,

HTML-CSS
1

Tell us what’s happening:
I can’t seem to re-size my image using traditional CSS rules. It seems like something is overriding the image class settings? I tried a few different things and even tried changing the image size to 80px, but the size just isn’t changing.

Can someone please take a look at my code and let me know where I am going wrong. Thank you

Your code so far
https://codepen.io/BaliBoy/pen/eYpJjxP

Your browser information:
Crome

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

2

Hey there! I would first of all spell height correctly and then also add img to big image like so… .big-image img on your CSS file in order to target the image specifically. It should work then! :wink:

3

Well, you are resizing the div container but not the img tag itself. What you need to do is:

img{
width: 100%;  /*or you pick the size you want */
}

OR

.big-image img{
  width: 100%; /*or you pick the size you want */
}

Also, you have wrong spelling. Change hieght to height in .big-image.