Image responsiveness test failing

kirubiel · July 4, 2018, 1:31pm

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

sorinr · July 4, 2018, 1:36pm

“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.

kirubiel · July 4, 2018, 1:52pm

I did tho

kirubiel · July 4, 2018, 1:52pm

Ohh is it on the tag? Hold on

kirubiel · July 4, 2018, 1:56pm

No doesn’t work

KoniKodes · July 5, 2018, 7:37pm

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.

WannabeRockStar · July 5, 2018, 8:08pm

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

kirubiel · July 5, 2018, 8:56pm

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.

kirubiel · July 5, 2018, 8:57pm

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

KoniKodes · July 5, 2018, 9:00pm

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.

kirubiel · July 5, 2018, 9:03pm

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

Happy coding.