Image responsiveness test failing

Image responsiveness test failing
0.0 0

#1

Hi everyone. How do you pass the image responsiveness test? This is the link to my code pen: https://codepen.io/kirubiel/pen/qKwOvV


#2

“AssertionError: Try using the “max-width” style property : expected ‘none’ to not equal ‘none’”

The unit test expects you to use max-width css property on your image tag.


#3

I did tho :confused:


#4

Ohh is it on the tag? Hold on


#5

No doesn’t work :neutral_face:


#6

Hi,
On your img tag add a class called img-responsive.

You can read more about it here: https://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp

It should help.


#7

As I see your image is responsive now… and always use percentage for images in pure css if you want responsive images


#8

Thank you so much @KoniKodes. My tribute page passes all tests now. But I can’t understand why my code doesn’t. I usually avoid frameworks so I can widen my understanding of the language.


#9

It’s been responsive from the beginning. I don’t often use fixed values for much of anything. Except text.


#10

I’m glad it’s working for you now.

Bootstrap is actually a great tool once you have CSS understood. It brings together the most frequently used rules so that we can focus on everything else.

Happy Coding.


#11

Yeah I’ll probably need it when I do full-stack work. Thanks for the help again.

Happy coding.